OctoLearn

• 

  User Interface

• 

  User Interface

Inspiration

We wanted to make learning easier and more fun with AI. The idea came from seeing how hard it can be to study complex topics alone. OctoLearn was born to turn curiosity into interactive, bite-sized learning sessions.

What it does

OctoLearn explains any topic in simple language and creates a personalized quiz right after. It adapts to the learner’s level so everyone can learn at their own pace. The result feels like chatting with a friendly study buddy powered by AI.

How we built it

I used React for the frontend and FastAPI for the backend. OpenAI powers the explanations and quiz generation while LocalStorage keeps sessions saved. Everything runs smoothly through a clean purple interface designed for accessibility.

Challenges we ran into

I had trouble formatting AI responses so they looked good in the UI and making quizzes interactive without breaking the design took extra debugging. I also worked hard to keep the app fast and responsive while handling API calls.

Accomplishments that we're proud of

I learned how to connect React and FastAPI into a seamless full stack. I also learned how to handle AI responses more cleanly for real users. Most importantly I learned that education tools can be both smart and playful.

What we learned

I'm proud that OctoLearn works completely locally without a database. The interface looks beautiful and feels smooth across devices. It’s rewarding to see people actually enjoy learning with it.

What's next for OctoLearn

I want to add user accounts and track learning progress over time. I also plan to support voice input and richer visuals for explanations. Eventually I hope to make OctoLearn a full AI tutor for all learners.

Built With

• axios
• css
• java
• python
• react
• vite