How spradhan-code/ai-studyplanner works
This React study workspace takes students from account/profile and syllabus setup through personalized scheduling, daily topic tracking, and preparation feedback. The README documents those product stages, while the sampled App.jsx confirms it owns authentication, planner/storage calls, and the dashboard views. The planner and Firebase adapter are separate internal layers. ThreeCanvas is present as a substantial visualization component, but the available evidence does not show where it is mounted. App.jsx is partial, so some UI relationships rely on README documentation.
Main entry points: App.jsx Study workspace · aiPlanner.js Live coach · main.jsx React entry · firebase.js Firebase adapter
Components 16
Student experience
- React entry
src/main.jsx - Study workspace
src/App.jsx - Account and profile
src/App.jsx - Subject setup
src/App.jsx - Topic checklist
src/App.jsx - Study calendar
src/App.jsx
Planning and coaching
- Plan generation
src/utils/aiPlanner.js - Rule-based coach
src/utils/aiPlanner.js - Live coach
src/utils/aiPlanner.js - Gemini API
Identity and data
- Firebase adapter
src/utils/firebase.js - Firebase Auth
- Firestore
- Local backup
Progress visualization
- 3D subject view
src/components/ThreeCanvas.jsx
Other components
- Student
Connections 19
- Student → React entry: uses
README.md - React entry → Study workspace: renders
src/main.jsx - Student → Account and profile: configures
README.md - Account and profile → Study workspace: sets profile
README.md - Student → Subject setup: defines syllabus
README.md - Subject setup → Plan generation: provides inputs
README.md - Student → Study calendar: sets constraints
README.md - Study workspace → Plan generation: generates plan
README.md - Plan generation → Study calendar: returns schedule
README.md - Student → Topic checklist: marks topics
README.md - Topic checklist → Study workspace: updates progress
README.md - Study workspace → Live coach: requests feedback
README.md - Live coach → Rule-based coach: falls back
src/utils/aiPlanner.js - Live coach → Gemini API: requests advice
src/utils/aiPlanner.js - Study workspace → Firebase adapter: loads and saves
src/App.jsx - Account and profile → Firebase Auth: authenticates
src/App.jsx - Firebase adapter → Firestore: reads and writes
src/utils/firebase.js - Study workspace → Local backup: backs up
README.md - Topic checklist → 3D subject view: visualizes progress