Inspiration The "December Dilemma" is a real struggle for every student. While the rest of the world is decorating trees and enjoying the holiday spirit, students are often trapped under a mountain of heavy textbooks and exam stress. I wanted to create something that proved studying doesn't have to be a "Grinch" that steals Christmas. I was inspired by the simple joy of Advent Calendars—the excitement of opening a small door every day to find a treat. I thought: What if I could turn a boring, scary syllabus into that same feeling of holiday magic?.
What it does StudyAdvent.ai is an AI-powered success ecosystem I built to transform stressful exam preparation into a gamified 24-day journey.
AI Syllabus Parser: Students can paste their raw syllabus text or use voice input, and the AI I integrated instantly breaks it down into 24 bite-sized "Daily Quests".
3D Interactive Calendar: Each day, a new "door" is unlocked, revealing a specific study task.
Gamified Growth: As tasks are completed, students earn ornaments to decorate a virtual 3D Christmas tree and gain "Study Points" to spend in the Reward Shop.
Productivity Tools: I included features like "Grinch Mode" (a focused study timer) and AI Study Insights to keep students on track without burning out.
How I built it I built this project as a solo developer using a modern, high-performance tech stack:
Framework: I used Next.js 15 (App Router) for a fast, responsive frontend and backend integration.
AI Engine: I integrated the Google Gemini API to handle the complex logic of parsing unstructured syllabus data into a structured 24-day plan.
Styling & UI: I chose Tailwind CSS for the "glassmorphism" festive look and used Framer Motion to bring the experience to life with smooth animations and 3D door-flip effects.
Persistence & Sync: I used Supabase to handle user authentication and ensure study progress is saved across devices.
Deployment: I hosted the entire application on Vercel for maximum reliability.
Challenges I ran into Being a solo developer meant I had to be the designer, coder, and product manager all at once. One major challenge I faced was the prompt engineering required for the AI Syllabus Parser; I had to ensure the AI could take any messy text and consistently output exactly 24 logical, balanced tasks. Another hurdle was managing complex state transitions between the hero section, the interactive calendar, and the gamification stats without sacrificing performance or the "snappy" feel of the UI.
Accomplishments that I'm proud of I am incredibly proud of creating a "premium" feel as a solo entry. Specifically:
I developed a fully functional Reward Shop where points actually change the UI theme, snow effects, and music.
I built the AI Insights Dashboard that analyzes a student's study habits and provides personalized feedback.
I successfully implemented a 3D Tree system where the ornaments represent real-time progress.
What I learned This project taught me the power of "Micro-Learning." I learned that breaking a massive goal (like an exam) into 24 tiny pieces makes it mentally much easier to start. Technically, I deepened my knowledge of Next.js 15 and learned how to build immersive, accessible AI applications that solve human emotional problems, not just technical ones.
What's next for StudyAdvent.ai: Turn Exam Panic into Holiday Magic The journey doesn't end on December 25th. I plan to expand this into a year-round platform called "StudyJourney.ai," featuring different seasonal themes like a "Treasure Map" for Spring or a "Space Mission" for Summer. I also want to add collaborative "Study Rooms" where friends can decorate a shared tree together, turning the lonely act of studying into a community celebration.
Built With
- canvas-confetti
- framer-motion
- google-gemini-api
- html2canvas
- lucide-react
- next.js-15-(app-router)
- nextauth.js
- node.js
- pdf.js
- postcss
- react-19
- supabase
- tailwind-css
- typescript
- vercel
Log in or sign up for Devpost to join the conversation.