How abby06-b/eduapp_react works
EduLearn AI is a browser-based study dashboard for managing learning notes, reviewing generated study material, and creating concept videos. The principal flow is student login, note upload, backend upload with locally generated study data, then review through the dashboard or analytics. The app also synchronizes reel records from a hosted backend and offers JSON-to-MP4 generation with browser speech playback. The README describes only a Vite template; capabilities here are inferred from the sampled React source, so unsampled page internals and backend behavior are not represented.
Main entry points: App.jsx Dashboard app · Upload.jsx Note upload · JsonToMp4.jsx JSON-to-MP4 · studyGenerator.js Study data generator
Components 13
App shell
- Dashboard app
src/App.jsx - Login
src/pages/Login.jsx - Sidebar navigation
src/components/Sidebar.jsx
Study content
- Home and study review
src/pages/Home.jsx - Note upload
src/pages/Upload.jsx - Study data generator
src/utils/studyGenerator.js - In-memory notes
src/App.jsx
Learning tools
- JSON-to-MP4
src/pages/JsonToMp4.jsx - Analytics
src/pages/Analytics.jsx - Leaderboard
src/pages/Leaderboard.jsx
External services
- EduLearn backend
- Browser speech synthesis
Other components
- Student
Connections 24
- Student → Dashboard app: opens
- Dashboard app → Login: renders when signed out
- Login → Dashboard app: submits login result
- Dashboard app → Sidebar navigation: renders navigation
- Sidebar navigation → Dashboard app: selects view
- Dashboard app → Home and study review: renders with notes
- Dashboard app → Note upload: renders with notes
- Dashboard app → JSON-to-MP4: renders video tool
- Dashboard app → Analytics: renders with notes
- Dashboard app → Leaderboard: renders rankings
- Dashboard app → EduLearn backend: fetches reels
- EduLearn backend → Dashboard app: returns reel records
- Dashboard app → Study data generator: generates reel study data
- Study data generator → In-memory notes: provides generated content
- Dashboard app → In-memory notes: initializes and updates
- In-memory notes → Home and study review: supplies study notes
- Home and study review → Student: shows summaries and quizzes
- Note upload → EduLearn backend: uploads files
- Note upload → Study data generator: generates study data
- Note upload → In-memory notes: adds uploaded notes
- JSON-to-MP4 → Study data generator: generates study data
- JSON-to-MP4 → In-memory notes: adds generated video note
- JSON-to-MP4 → Browser speech synthesis: speaks narration
- In-memory notes → Analytics: supplies note metrics