How sathwikprabhu-07/tara works
TARA is a multilingual digital-skills learning app for women entrepreneurs. Learners enter through the landing page, choose a language, browse modules, study lessons, take quizzes, and review saved progress. Lesson content and quiz questions are bundled in the app; language and quiz progress use browser storage. Lesson pages also provide voice playback and an AI-explanation area, but the sampled code does not establish a connection from that area to the Gemini service. Several page implementations were not sampled, so their internal wiring is omitted.
Main entry points: App.jsx App router · LessonPage.jsx Lesson experience · QuizPage.jsx Quiz experience · ModulesPage.jsx Module catalog
Components 17
App navigation
- App router
src/App.jsx - Landing page
src/pages/LandingPage.jsx - Navigation bar
src/components/Navbar.jsx - Error boundary
src/components/ErrorBoundary.jsx - Particle backdrop
src/components/Particles.jsx - Landing animation
src/components/Threads.jsx
Learning experience
- Module catalog
src/pages/ModulesPage.jsx - Lesson experience
src/pages/LessonPage.jsx - Quiz experience
src/pages/QuizPage.jsx
Learning content
- Lesson content
src/pages/LessonPage.jsx - Lesson translations
src/data/lessonTranslations.js - UI and quiz data
src/data/uiTranslations.js
Language and progress
- Language selection
src/pages/LanguagePage.jsx - Progress view
src/pages/ProgressPage.jsx - Browser storage
- Speech synthesis
Other components
- Learner
Connections 23
- Learner → App router: opens app
- App router → Navigation bar: renders
- App router → Landing page: routes to
- App router → Language selection: routes to
- App router → Module catalog: routes to
- App router → Lesson experience: routes to
- App router → Quiz experience: routes to
- App router → Progress view: routes to
- App router → Particle backdrop: renders
- Landing page → Landing animation: renders
- Language selection → Browser storage: writes language
- Module catalog → Browser storage: reads progress
- Module catalog → Lesson experience: opens lesson
- Lesson experience → Lesson content: reads lessons
- Lesson experience → Lesson translations: reads translations
- Lesson experience → UI and quiz data: reads labels
- Lesson experience → Browser storage: reads language
- Lesson experience → Speech synthesis: speaks lesson
- Lesson experience → Quiz experience: opens quiz
- Quiz experience → UI and quiz data: reads quiz data
- Quiz experience → Browser storage: saves progress
- Progress view → Browser storage: reads progress
- App router → Error boundary: wraps app