How samkwibe/wordrush_ai-integrated-full-stack-web-application works
WordRush is a React learning app backed by a FastAPI REST service: users practice with vocabulary, reading, memory, or coding activities, then track progress and compete. The frontend also supports sign-in, AI-generated learning content, and local/cloud data. The README documents MongoDB and OpenRouter integrations, but backend internals were not excerpted, so backend relationships are shown only where the README explicitly describes them; individual page-to-page navigation and unsampled implementation details are omitted.
Main entry points: App.js React application · server.py FastAPI service · api.js API client · FlashMode.jsx Flash practice
Components 19
Learning activities
- React application
frontend/src/App.js - Flash practice
frontend/src/pages/FlashMode.jsx - Speed reading
frontend/src/pages/SpeedRead.jsx - Memory match
frontend/src/pages/MemoryMatch.jsx - Code practice
frontend/src/components/code/CodeLesson.jsx - Word lists
frontend/src/pages/WordLists.jsx
Frontend services
- Sign-in
frontend/src/pages/LoginPage.jsx - Session state
frontend/src/context/AuthContext.jsx - API client
frontend/src/lib/api.js - Local progress
frontend/src/lib/storage.js - Achievements
frontend/src/lib/achievements.js - Built-in vocabulary
frontend/src/lib/wordLists.js
Backend services
- FastAPI service
backend/server.py - AI generation
backend/server.py - Leaderboard
backend/server.py - User statistics
backend/server.py
External systems
- User data
Other components
- Learner
- OpenRouter
Connections 22
- Learner → React application: uses
- React application → Flash practice: offers
- React application → Speed reading: offers
- React application → Memory match: offers
- React application → Code practice: offers
- React application → Word lists: offers
- Learner → Sign-in: signs in
- Sign-in → Session state: uses session
frontend/src/pages/LoginPage.jsx - Session state → API client: calls
frontend/src/context/AuthContext.jsx - Flash practice → API client: requests content
frontend/src/pages/FlashMode.jsx - Speed reading → API client: requests content
frontend/src/pages/SpeedRead.jsx - Code practice → API client: generates lessons
frontend/src/components/code/CodeLesson.jsx - Flash practice → Local progress: records progress
frontend/src/pages/FlashMode.jsx - Speed reading → Local progress: records progress
frontend/src/pages/SpeedRead.jsx - Local progress → Achievements: evaluates
frontend/src/lib/storage.js - Word lists → Built-in vocabulary: uses lists
frontend/src/pages/WordLists.jsx - API client → FastAPI service: sends REST requests
- FastAPI service → AI generation: generates content
backend/server.py - AI generation → OpenRouter: routes models
- FastAPI service → User data: stores profiles and activity
- FastAPI service → Leaderboard: serves rankings
backend/server.py - FastAPI service → User statistics: tracks performance
backend/server.py