StudyFlow

StudyFlow is a React + Vite web app that helps students learn faster with AI-powered study tools.
The app currently focuses on frontend experience, with pages for summaries, flashcards, quiz practice, and an AI tutor chat.

Features

• Modern student-friendly UI with responsive layout
• AI notes summarization
• Interactive flashcards (click to reveal answer)
• Quiz generator with clickable options and score checking
• AI tutor chat for concept explanations
• Graceful fallback content when Gemini API is unavailable

Tech Stack

• React
• Vite
• React Router
• Gemini API (REST, client-side integration via env key)

Project Structure

client/
├── public/
├── src/
│   ├── components/
│   ├── pages/
│   ├── services/
│   ├── hooks/
│   ├── data/
│   ├── App.jsx
│   ├── main.jsx
│   └── index.css
├── .env.example
├── index.html
├── package.json
└── vite.config.js

DEMO

Screen.Recording.2026-05-12.at.12.15.19.mov