Our project was inspired by the theme this year: helping people reach new heights!
We looked at platforms like Duolingo and Codecademy that make learning structured and interactive, and asked how we could expand that experience to support learning in any subject or skill.
We also wanted our design to reflect growth and progress, which led us to incorporate a nature-themed aesthetic that symbolizes development over time.
What it does
We developed a platform that generates personalized lesson plans tailored to a user’s specific learning goals.
Users can specify what they want to learn, how much time they can commit, and their target timeline, allowing the system to create a realistic and structured plan.
The platform includes an AI assistant that can refine lesson plans based on user feedback, while also allowing users to manually create, edit, or remove lessons for additional flexibility.
Generated lesson plans are integrated into a built-in calendar, helping users organize their schedule and consistently track their progress.
Users can share their lesson plans with others, making it easier to collaborate, stay accountable, and exchange learning strategies with peers.
How we built it
We built the application using Next.js and React to create a responsive and scalable full-stack web experience.
We used Supabase as our backend service for database management, authentication, and real-time data handling.
Our platform integrates the Claude API to generate personalized lesson plans and power the AI assistant that helps users refine their learning paths.
We implemented React Flow to visually structure and manage lesson plan components, allowing users to clearly see and organize their learning progression.
The application is deployed using Vercel, enabling fast, reliable hosting and seamless continuous deployment.
Challenges we ran into
Formatting the generated lesson graphs so that connections between lessons were clear, readable, and visually efficient.
Preventing overlapping edges while keeping the structure intuitive required several iterations and layout adjustments.
Accomplishments that we're proud of
Successfully creating a fully functional platform that generates personalized learning plans from user input.
Implementing an interactive visual lesson flow that helps users clearly understand their learning progression.
What we learned
How to effectively integrate AI into a user-focused application while maintaining flexibility and usability.
How small UI/UX decisions can significantly impact how users interact with generated content.
What's next for SkillSprout
Enhancing collaboration features, such as shared learning groups or mentorship support.
Exploring integrations with external learning resources like videos, articles, and practice exercises.
Log in or sign up for Devpost to join the conversation.