LearnMyWay

Inspiration

Studying can be tough sometimes! We wanted to make learning feel more approachable by explaining difficult topics using things students already care about, like music or personal interests.

What it does

LearnMyWay generates personalized study guides based on a selected course, topic, and user interests. It breaks down complex concepts into relatable explanations, helping students understand material in a way that feels natural to them.

How we built it

We built LearnMyWay using Next.js with the App Router and TypeScript for a clean, modern frontend. The app sends structured prompts to a OpenAI API and renders the returned study guides in a consistent, user-friendly format using reusable components and Tailwind CSS.

Challenges we ran into

• We didn’t start by setting up the Next.js app structure, which made it harder to organize components and routes early on
• Figuring out how to correctly integrate and test the AI API took time, especially with how we split up our work and trying to avoid merge conflicts
• Learning how different parts of the app connect while building in parallel required extra debugging

Accomplishments that we're proud of

• Successfully integrating an AI API to produce structured, personalized learning content
• Successfully connecting the frontend, API, and generated content into one smooth flow
• Turning a broad idea into a working product within a limited timeframe

What we learned

• How to integrate and test an AI API
• Using APIs in general
• How to properly structure a Next.js project and organize shared components across pages
• The importance of setting up project structure early
• How to debug and connect multiple moving parts under time constraints

What's next for LearnMyWay

• Add an avatar that can read study guides aloud for accessibility and different learning styles (and to make it more fun and engaging!)
• Introduce difficulty levels (beginner vs. advanced) to better tailor lessons to individual needs

Built With

• javascript
• next.js
• openaiapi
• react
• tailwindcss
• typescript
• vercel