The Cat Hub is a React-based web application designed to help users find the perfect cat for adoption. It offers a scoring system that ranks different cat breeds based on various factors like temperament, affection level, and intelligence.
- Displays a list of cat breeds with relevant information
- Calculates an 'Adoption Score' based on affection level, intelligence, and temperament
- Fetches real-time images for each cat breed
- Provides additional details like life span, origin, and affection level for each cat breed
To see details about each cat breed, simply click on the "View More" button on each cat card. You'll be able to see details like life span, origin, and a calculated adoption score.
- Clone the repo
git clone <repository_ url>
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.
- Special thanks to TheCatAPI for providing the breed data and images. 😺
- Kudos to Adrian, the founder of JavaScript Mastery, for his inspirational projects and tutorials. 🙌
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.
- Special thanks to TheCatAPI for providing the breed data and images. 😺
- Kudos to Adrian, the founder of JavaScript Mastery, for his inspirational projects and tutorials. 🙌
- React.js
- Next.js
- TypeScript
- Tailwind CSS
- Axios for API requests