🎨 Inspiration We wanted to make goal-tracking fun and engaging. The idea of pets reflecting their owner's progress came naturally — who doesn’t love seeing a happy pet? Our hope was to create something that motivates users by tying their progress to adorable companions.
🛠️ How We Built It We built this project using React and MongoDB for the web app, and Capacitor to convert it into a mobile app. The pet animations were designed with CSS, and we used custom sprite sheets for the pets' different states. Each pet's appearance changes based on your goal progress, making it a fun, visual motivator.
📚 What We Learned This project taught us a lot about using React hooks, managing state, and integrating MongoDB for real-time updates. Converting the app to mobile using Capacitor was a first for us, and it was a great learning experience.
🚧 Challenges We Faced One of our biggest challenges was getting the pets to look good on both mobile and desktop screens. Ensuring the animations were smooth and responsive was tricky, especially with the pets' scaling and positioning. But with persistence (and some coffee), we got it working!
🐾 What's Next? We plan to add more pets, group challenges, and maybe even virtual rewards to make goal-tracking even more rewarding! 🏆🐱🐶🦖
Log in or sign up for Devpost to join the conversation.