Inspiration
The inspiration for Meow came from the desire to address two common problems: the lack of understanding about cat breeds and care among prospective pet owners, and the high rates of shelter overcrowding. We wanted to create an engaging and educational platform that not only informs but also promotes responsible pet ownership and adoption.
What it does
Meow is an interactive educational game where users play to help virtual cats escape by winning games like "Guess the Breed," "Care Cat Quiz," and "True or False." If users win at least 2 out of 3 games, they unlock a compatibility quiz that matches them with a cat breed suited to their lifestyle. Finally, they gain access to an adoption page featuring cats of their matched breed, encouraging real-world adoptions.
How we built it
We built Meow using a combination of: Frontend: HTML, CSS, JavaScript and React Design: Figma for planning the UI and game flow API: CatAPI, PetFinderAPI, ClaudeAPI
Challenges we ran into
- AI Model Integration: Faced challenges fine-tuning the AI as it initially produced undesired outcomes.
- UI Layout Issues: Struggled with constant misalignments during development.
- Frontend Development: Encountered difficulties as beginners in frontend design and coding.
Accomplishments that we're proud of
Successfully combining gamification with education to create an engaging user experience. Building a compatibility quiz that provides users with personalized breed recommendations. Integrating an adoption feature that connects users to real-world shelters and encourages adoption over shopping.
What we learned
- Frontend Development: Gained valuable experience in designing and building user interfaces.
- API Integration: Learned how to connect and utilize external APIs effectively.
- AI Model Usage: Improved understanding of implementing and fine-tuning AI models.
What's next for Meow
- AI Improvement: Enhanced skills in fine-tuning AI models to achieve desired outputs and improve performance.
- Expanded Features: Adding more games and educational content to enhance user learning.
- Mobile App Development: Creating a mobile version of Meow for broader accessibility.
- Partnerships: Collaborating with shelters and rescue organizations to provide real-time adoption listings
Built With
- ai
- api
- css
- figma
- html
- javascript
- react
- vite
Log in or sign up for Devpost to join the conversation.