How rudra20-04/taskflow works
TaskFlow is a full-stack task manager. Users sign up or log in, then use a protected dashboard to create, update, complete, filter, search, and reorder their tasks; task data is scoped to the authenticated user. The graph separates the React experience, API routing and authentication, task operations, and persistence. Dashboard analytics, theme support, and other README-described capabilities are retained, though some implementation details were not sampled; dashed links mark documented or unverified integrations.
Main entry points: App.jsx App routing · api.js HTTP client · index.js Express API · taskRoutes.js Task routes
Components 18
React application
- App routing
frontend/src/App.jsx - Navigation
frontend/src/components/Navbar.jsx - Login page
frontend/src/pages/Login.jsx - Signup page
frontend/src/pages/Signup.jsx - Task dashboard
frontend/src/pages/Dashboard.jsx - Theme bootstrap
frontend/src/main.jsx - HTTP client
frontend/src/api/api.js
Authentication
- Express API
backend/index.js - Auth routes
backend/routes/authRoutes.js - Signup and login
backend/controllers/authController.js - JWT guard
backend/middleware/authMiddleware.js
Task management
- Task routes
backend/routes/taskRoutes.js - Task operations
backend/controllers/taskController.js
Persistence
- Task schema
backend/models/Task.js - User schema
backend/models/User.js - Database connection
backend/config/db.js
Other components
- Task manager user
- MongoDB
Connections 21
- Task manager user → App routing: uses
README.md - App routing → Navigation: renders
frontend/src/App.jsx - App routing → Login page: routes to
frontend/src/App.jsx - App routing → Signup page: routes to
frontend/src/App.jsx - App routing → Task dashboard: protects route
frontend/src/App.jsx - Theme bootstrap → App routing: bootstraps
frontend/src/main.jsx - Login page → HTTP client: submits credentials
frontend/src/pages/Login.jsx - Signup page → HTTP client: submits registration
frontend/src/pages/Signup.jsx - Task dashboard → HTTP client: requests tasks
frontend/src/pages/Dashboard.jsx - HTTP client → Express API: sends API requests
frontend/src/api/api.js - Express API → Auth routes: mounts routes
backend/index.js - Express API → Task routes: mounts routes
backend/index.js - Auth routes → Signup and login: dispatches
backend/routes/authRoutes.js - Task routes → JWT guard: guards tasks
backend/routes/taskRoutes.js - Task routes → Task operations: dispatches
backend/routes/taskRoutes.js - Signup and login → User schema: reads and creates users
backend/controllers/authController.js - Task operations → Task schema: reads and writes tasks
backend/controllers/taskController.js - JWT guard → Signup and login: verifies JWTs issued by
- Database connection → MongoDB: connects
backend/config/db.js - Task schema → MongoDB: persists task records
- User schema → MongoDB: persists user records