recapCHA

AI powered study platform that transforms lectures into flashcards, quizzes and notes automatically.

Comment

Inspiration

Our inspiration for this project came from the challenges students face in keeping up with lectures, organizing study materials, and preparing for exams. We wanted to create a tool that not only transcribes live lectures but also generates quizzes and flashcards, making studying more interactive and efficient.

What it does

It is a web app that helps students transcribe lectures, generate quizzes and flashcards, and track study progress all in one dashboard. It features live transcription, Google Docs export, and persistent login.

How we built it

Frontend: React for the UI, React Router for navigation, and custom CSS for styling. Backend: Node.js with Express for the API and MongoDB for data storage. APIs: Integrated Deepgram for live transcription, Google Docs API for exporting notes, and OpenAI for generating quizzes and flashcards.

Challenges we ran into

-Keeping users logged in after a page refresh (persistent authentication).

  • Integrating and managing multiple APIs (Deepgram, Google Docs, OpenAI).
  • Handling async API calls and error states in the UI.
  • Debugging authentication and navigation between pages.
  • Maintaining a clean, modern UI while supporting fast development with features like Dev Login.

Accomplishments that we're proud of

-Built a seamless workflow for live transcription, quiz, and flashcard generation.

  • Integrated multiple APIs (Deepgram, Google Docs, OpenAI) into a single, user friendly platform.
  • Designed a modern, intuitive dashboard for tracking study progress.
  • Implemented persistent login so users stay signed in after refresh.
  • Created a Dev Login feature to speed up development and testing.
  • Achieved a clean, professional UI with responsive design.

What we learned

-How to integrate real time transcription and external APIs into a React app.

  • Managing authentication and persistent login state in a modern web app.
  • Building a clean, user friendly dashboard with React and custom CSS.
  • Handling async operations, error states, and navigation in a full stack project.
  • The importance of rapid prototyping tools like a Dev Login for efficient development.

What's next for recapCHA

-Add support for more file export options (PDF, Word, etc.).

  • Improve AI generated quiz and flashcard quality with more advanced models.
  • Enable collaborative study sessions and group dashboards.
  • Integrate calendar and reminder features for better study planning.
  • Enhance mobile responsiveness and accessibility.
  • Add analytics for deeper insights into learning habits and progress.
  • Expand language support for international users.

Built With

Share this project:

Updates