How suruchi1199/visualiseit_frontend works
EduVision is a React learning interface with account access, class and subject browsing, lesson detail pages, and interactive math visualizations. The apparent learner journey is sign in, choose a class, browse its subjects and chapters or topics, then view learning content or graphing tools. Authentication state is persisted in browser storage, while authentication, catalog, and settings code targets an external API. Page-level data wiring and several routes’ implementations were not sampled, so those connections are not asserted here.
Main entry points: App.js Route App · AuthContext.jsx Auth Context · Settings.jsx Settings · Home.jsx Home and Auth Forms
Components 20
App Navigation
- Route App
src/App.js - Home and Auth Forms
src/pages/Home.jsx - Profile Menu
src/components/ProfileMenu.jsx
Account and Settings
- Auth Context
src/context/AuthContext.jsx - Settings
src/pages/Settings.jsx - Browser Local Storage
Learning Content
- Dashboard
src/pages/Dashboard.jsx - Classes
src/pages/Classes.jsx - Subject List
src/pages/Subjects.jsx - Subject Detail
src/pages/SubjectDetail.jsx - Chapter Detail
src/pages/ChapterDetail.jsx - Topic Detail
src/pages/TopicDetail.jsx - Class Concepts
src/pages/ClassConcept.jsx - Content API Client
src/data/api.js
Interactive Math
- Visualization Display
src/components/VisualizationDisplay.jsx - Graph Plotting
src/pages/Graphplotting.jsx - Visualization Registry
src/data/visualizationRegistry.js - Class 9 Visualizers
src/class9
Other components
- Learner
- Backend API
Connections 20
- Learner → Route App: opens
- Route App → Home and Auth Forms: routes
- Route App → Dashboard: routes
- Route App → Classes: routes
- Route App → Subject List: routes
- Route App → Subject Detail: routes
- Route App → Chapter Detail: routes
- Route App → Topic Detail: routes
- Route App → Graph Plotting: routes
- Route App → Settings: routes
- Route App → Auth Context: provides
- Home and Auth Forms → Auth Context: signs in
- Profile Menu → Auth Context: logs out
- Settings → Auth Context: updates profile
- Auth Context → Browser Local Storage: reads and writes
- Auth Context → Backend API: auth requests
- Settings → Backend API: account requests
- Content API Client → Backend API: content requests
- Route App → Class 9 Visualizers: loads visualizer
- Chapter Detail → Visualization Display: relationship unclear