https://github.com/calcagnoloic/catwiki
Website presenting the various breeds of cats with NextJS
https://github.com/calcagnoloic/catwiki
nextjs routing-file-management server-side-rendering tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Website presenting the various breeds of cats with NextJS
- Host: GitHub
- URL: https://github.com/calcagnoloic/catwiki
- Owner: CalcagnoLoic
- Created: 2023-05-22T08:09:30.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-07-17T10:37:02.000Z (10 months ago)
- Last Synced: 2025-01-26T08:26:23.846Z (4 months ago)
- Topics: nextjs, routing-file-management, server-side-rendering, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://cat-wiki-loic.netlify.app/
- Size: 15.8 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CatWiki
Welcome to the cat lover's website! Here you'll find over sixty different breeds of cat. You can learn more about the breed's origin, life expectancy and other breed-specific criteria. In addition, the user has access to the 10 most sought-after breeds, as well as a blog article on the reasons for owning a cat.
Information and illustrations are taken from the [Cat API](https://thecatapi.com/).
| Details about a selected breed | The 10 most popular breeds |
| ------------------------------ | ------------------------------------ |
|  |  |
## User stories
- [x] I can search for cat breeds and select a breed of my choice
- [x] I can see the most popular searched cat breeds summary on the homepage
- [x] I can see the top 10 most searched cat breeds
- [x] I can see the breed details including description, temperament, origin, life span, adaptability, affection level, child-friendly, grooming, intelligence, health issues, social needs, stranger friendly
- [x] I can see more photo of the breed
- [ ] On mobile, when I select the search option, a modal for breed search should pop up Coming soon
- [x] I can go to an article about cats when I click read more on Why you should have a cat section
- [x] I can go to the top 10 cats by clicking see more in the dashboard
## Built with
- Semantic HTML5 markup
- Mobile-first workflow
- TailwindCSS
- NextJS
- TypeScript
- CICD workflow
## Author
- Personnal website - [Portfolio](https://calcagno-loic.netlify.app/)
- Frontend Mentor - [@CalcagnoLoic](https://www.frontendmentor.io/profile/CalcagnoLoic)
- Linkedin - [LinkedIn](https://www.linkedin.com/in/loic-calcagno/)