💭 Inspiration
As a student, I often have trouble focusing because my attention span is short. I wanted one place to track my mood, thoughts, plans, and productivity instead of using different apps for to-do lists, well-being, and budgeting. This need for simplicity and organization led to the creation of Grozen.
🧠+📋 What it does
GroZen is an app that helps users in several ways:
- Mood Tracking: You can easily keep track of how you’re feeling and see how your mood changes over time with a simple graph.
- Task Management: The app allows you to use everyday language to create to-do lists, making it easy to organize your tasks without any issue.
- Personalized Plans: It offers a gamified interactive setup process that leads to customized meal, workout, and mental wellness plans just for you.
- Fun Competitions: You can join in on challenges and compete with other users for added motivation.
- Grocery List Creation: Based on your meal plans, GroZen can automatically create a grocery list, so you know exactly what to buy.
- Engaging Experience: The app is designed to be fun and easy to use, with a clean look and lots of customization options to make it your own.
💻 How we built it
Frontend:
- React for building interactive UI components
- Next.js (v15.2.3) for routing, SSR/SSG, and full‑stack React features
- Tailwind CSS for utility‑first, responsive styling
- Radix UI & shadcn/ui for accessible, ready‑made components
- Lucide icons via lightweight script
- Google Font API for on‑demand typography
- Recharts for rendering charts and data visualizations
Security:
- ReCAPTCHA (Google) to protect forms and sign‑up flows
- HSTS to enforce secure (HTTPS) connections
Backend & AI Logic:
- Gemini API for natural language task extraction and mood sentiment analysis
- Firebase for storing user data (quests, wellness plans, mood logs, grocery hauls, leaderboards)
Every component was crafted during the hackathon, with real-time collaboration and tight sprint cycles.
🤹♂️ Challenges we ran into
- Balancing game‑style quests with solid health advice, making sure it never felt like homework.
- Setting up real‑time leaderboards and mood logs so they refresh right when you finish a task.
- Teaching our AI to read faces under weird lighting (hello, dorm rooms!) without silly mistakes.
- Building a custom, tiny image compressor and leaning on free tiers (Firebase, Vercel) so we didn’t blow our zero budget.
- Crafting an art style and language that actually clicks with teens—no adult‑y vibes allowed.
💪📱 Accomplishments that we're proud of
- Built a polished, full-featured minimalist dashboard in a short time frame
- Seamlessly integrated AI for smart task extraction and mood analysis
- Achieved a gamified onboarding app with interactive UI components and AI integration
- Enabled real-time collaboration and rapid prototyping during the hackathon
💻🍜 What we learned
- We found that building simple prototypes first lets us test ideas quickly and fix issues on the fly.
- Stretching free tiers on Firebase and Vercel meant we could launch without spending any money.
- Teens stick with easy, bite-size tasks—overloading them with options just makes them drop off.
- Watching real users during our alpha run showed which daily quests they loved and which tips they ignored.
- Adding basic checks for lighting and face angle greatly improved our mood-check accuracy.
- A fun design and teen-friendly language drove more shares and sign-ups than any ad campaign could.
📱➡️🌍 What's next for GroZen
- Expand AI features for deeper insights and personalized suggestions
- Gather user feedback and iterate on design and features
- Launching the mobile app so you can use GroZen anywhere.
- Adding group challenges, chat, and custom avatars to make it more fun with friends.
- Smarter mood tracking that helps you catch stress early.
- Connect with fitness bands and food apps for easier tracking.
- Make tips and daily missions even more personal and helpful.
Log in or sign up for Devpost to join the conversation.