Inspiration

As students ourselves, we often found traditional study methods to be time-consuming and repetitive. We wanted to create a tool that could help learners quickly generate effective study materials using modern AI — making revision faster, smarter, and more personalized.

What it does

EduFlash allows users to generate flashcards for any topic using a simple interface. Powered by Gemini AI, the app takes a topic as input and generates concise flashcards with questions and answers, helping students revise efficiently.

How we built it

  • Frontend: Built with plain HTML, CSS, and JavaScript for a lightweight and accessible interface.
  • Backend: Node.js with Express, handling API requests securely.
  • AI Integration: Gemini 1.5 API was used to generate flashcards dynamically based on user input.
  • Deployment: Hosted the frontend on Netlify and the backend on Render.

Challenges we ran into

  • Parsing the raw AI response into clean and usable JSON.
  • Ensuring proper error handling when dealing with external AI responses.
  • Managing CORS and secure API key usage.

Accomplishments that we're proud of

  • Created a working prototype within a short time frame.
  • Successfully integrated a generative AI model to provide dynamic, topic-based content.
  • Built a tool that’s genuinely helpful for learners without requiring any login or complex setup.

What we learned

  • How to structure prompts for Gemini to return consistent JSON output.
  • Best practices for securing API keys in public-facing projects.
  • Efficient frontend-backend communication for small AI-driven apps.

What's next for EduFlash

  • Add a feature to download or save flashcards.
  • Support for login and storing flashcards permanently.
  • Ability to generate flashcards in different formats (MCQs, true/false, etc.)
  • Deploy as a mobile app for offline use and wider accessibility.
Share this project:

Updates