Lumina Notes

• 

  Input Text

• 

  Summary

• 

  Flash Card

• 

  Quiz

Inspiration

Students often struggle with overwhelming study material and inefficient revision methods. We wanted to create a tool that doesn’t just shorten notes, but actively helps students understand, remember, and test themselves.

What it does

Lumina Notes is an AI-powered study assistant that transforms raw study notes into:-

1. Concise summaries highlighting key concepts
2. Interactive flashcards for active recall
3. Automatically generated quizzes to test understanding

How we built it

We built Lumina Notes as a web-based application using: HTML, CSS, and JavaScript for the frontend Google Gemini API to generate summaries, flashcards, and quiz questions Carefully designed prompts to ensure structured, reliable AI outputs A clean UI with loading states, animations, and interactive components

Challenges we ran into

Ensuring consistent AI output formats, especially for quizzes and flashcards Handling API errors and unexpected responses gracefully Designing an interface that feels modern but remains simple and intuitive Balancing AI creativity with accuracy in educational content

Accomplishments that we're proud of

Successfully integrating Gemini to power multiple learning formats Creating a polished, interactive UI within a hackathon timeline Implementing dynamic flashcards and real-time quiz feedback Delivering a tool that genuinely improves the study workflow

What we learned

How to effectively prompt large language models for structured outputs Best practices for integrating AI APIs into real-time web applications The importance of UX in educational tools How AI can enhance learning when combined with thoughtful design

What's next for Lumina Notes

User accounts and progress tracking Topic-based flashcard decks Difficulty-adaptive quizzes PDF and document uploads

Built With

• api
• css
• gemini
• html
• javascript