How bellamkondaambicakiranmayee/scratch_daa works
Scratch_Daa is a React learning app with account signup/login, protected learning routes, syllabus browsing, quiz and coding-practice areas. The visible workflow is user → account access → protected learning pages, with topic and subtopic content rendered from syllabus data and coding exercises navigated by topic and question. The sampled code confirms authentication requests, local token/name storage, route protection, and syllabus/coding-data reads. Quiz-related paths exist in the tree, but their implementation and data wiring were not sampled.
Main entry points: ProtectedRoute.jsx Route guard · App.jsx App router · Login.jsx Login · Coding.jsx Coding practice
Components 19
Access and shell
- App router
src/App.jsx - Signup
src/pages/Signup.jsx - Login
src/pages/Login.jsx - Route guard
src/components/ProtectedRoute.jsx - Navigation bar
src/components/Navbar.jsx - Topic sidebar
src/components/Sidebar.jsx
Syllabus learning
- Home page
src/pages/Home.jsx - Topic index
src/pages/Topics.jsx - Topic detail
src/pages/TopicDetails.jsx - Subtopic detail
src/pages/SubtopicDetails.jsx
Practice areas
- Quiz experience
src/pages/QuizPage.jsx - Quiz page
src/pages/Quiz.jsx - Coding topics
src/pages/CodingTopics.jsx - Coding practice
src/pages/Coding.jsx
Learning content
- Syllabus content
src/data/syllabus.json - Quiz content
src/data/quiz.json - Coding questions
src/data/codingQuestions.js
Other components
- Learner
- Auth API
Connections 21
- Learner → App router: opens
- App router → Signup: routes
- App router → Login: routes
- Signup → Auth API: submits signup
- Login → Auth API: submits login
- Login → App router: navigates after login
- App router → Route guard: protects routes
- Route guard → Home page: allows access
- Route guard → Topic index: allows access
- Route guard → Topic detail: allows access
- Route guard → Subtopic detail: allows access
- Route guard → Quiz experience: allows access
- Route guard → Coding topics: allows access
- Route guard → Coding practice: allows access
- App router → Navigation bar: renders shell
- App router → Topic sidebar: renders shell
- Topic sidebar → Syllabus content: reads topics
- Topic detail → Syllabus content: reads topic
- Subtopic detail → Syllabus content: reads subtopic
- Coding practice → Coding questions: reads questions
- Coding practice → App router: navigates topics