Skip to content

monish-j/DogFriends

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DogFriends

Welcome to DogFriends! This project helps you discover and learn about different dog breeds using a clean and user-friendly interface built with React. DogFriends provides detailed information about various breeds, including their characteristics, history, and care tips.

Features

  • Breed Information: Detailed descriptions of various dog breeds.
  • Search Functionality: Easily search for specific breeds.
  • User-Friendly Interface: Simple and intuitive design for easy navigation.

Technologies Used

  • Frontend: React, HTML, CSS, JavaScript
  • Backend: Node.js, Express.js
  • API: Dog API for breed information
  • Styling: Tachyons for CSS utility classes
  • Testing: Jest for integration testing

Code Structure

  • index.js: Entry point of the application.
  • reportWebVitals.js: Measures performance metrics.
  • setupTests.js: Configures Jest for testing.
  • public: Contains static files.
  • src/components: Contains React components (Card, CardList, ErrorBoundry, Scroll, SearchBox).
  • src/containers: Contains the main App component and its CSS.

Installation

  1. Clone the repository:
    git clone https://github.com/monish-j/DogFriends.git
    
    
    

2. Navigate to the project directory:

cd DogFriends
3. Install dependencies:
npm install 

Usage

1. Start the server:

npm start

2. Open your browser and navigate to http://localhost:3000 to use the DogFriends app.

About

DogFriends project!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published