Dog Breed Search App

This is a simple web application that allows users to search for dog breeds and get information about them, including images, temperament, origin, weight, and height.

How it Works

1. On the homepage, users can enter the name of a dog breed they want to search for.
2. Click the "Search" button to fetch information about the entered breed.
3. If the breed is found, the application displays its name, image, temperament, origin, weight (imperial), and height (imperial).

Examples

Example 1: Search for "Golden Retriever"

1. Enter "Golden Retriever" in the search input field.
2. Click the "Search" button.
3. The application will display information about the Golden Retriever breed, including an image, temperament, origin, weight, and height.

Example 2: Search for "Bulldog"

1. Enter "Bulldog" in the search input field.
2. Click the "Search" button.
3. The application will display information about the Bulldog breed, including an image, temperament, origin, weight, and height.

Technologies Used

• React (Frontend)
• Vite (Scaffolding)
• Fetch API (To make requests to the dog breed API)
• CSS (Styling)

How to Use

1. Fork and Clone this repository to your local machine.
2. Navigate to the project directory.
3. Run yarn install to install the project dependencies.
4. Run yarn run dev to start the development server.
5. Open your browser and go to http://localhost:5173/ to access the app.
6. Enter a dog breed name in the search input field and click the "Search" button to see the information.

Note

This app fetches data from a public dog breed API. Since the data is obtained from an external source, it might not be up-to-date or accurate for every breed. The app is intended for educational purposes and as a demonstration of using APIs with React.

For any issues or improvements, feel free to open an issue or pull request.

Screenshot

License

This project is licensed under the MIT License.