How harini492/taskflow works
TaskFlow is a React task manager backed by an Express API. Users log in to reach the dashboard, where task actions go through an Axios client to task routes and MongoDB; authentication routes handle login and the current-user endpoint. The README also describes registration, filtering, drag-and-drop, progress, and other UI capabilities. Some are only partly visible in excerpts, so the graph avoids asserting their internal wiring; the shown auth routes use in-memory users, despite the separate User model.
Main entry points: server.js HTTP server · Login.jsx Login · App.jsx App switch · api.js API client
Components 13
Web app
- Login
frontend/src/Login.jsx - Auth state
frontend/src/AuthProvider.jsx - App switch
frontend/src/App.jsx - Task dashboard
frontend/src/Dashboard.jsx - API client
frontend/src/api.js
API
- HTTP server
backend/server.js - Auth routes
backend/routes/auth.js - Task routes
backend/routes/tasks.js - Upload middleware
backend/middleware/upload.js
Data
- Task model
backend/models/Task.js - MongoDB
- User model
backend/models/User.js
Other components
- User
Connections 13
- User → Login: signs in
frontend/src/Login.jsx - Login → API client: posts credentials
frontend/src/Login.jsx - Login → Auth state: sets token
frontend/src/Login.jsx - Auth state → App switch: provides token
frontend/src/main.jsx - App switch → Login: shows when logged out
frontend/src/App.jsx - App switch → Task dashboard: shows when logged in
frontend/src/App.jsx - Task dashboard → API client: requests tasks
frontend/src/Dashboard.jsx - API client → HTTP server: sends API requests
- HTTP server → Auth routes: mounts auth
backend/server.js - HTTP server → Task routes: mounts tasks
backend/server.js - HTTP server → MongoDB: connects
backend/server.js - Task routes → Task model: queries and updates
backend/routes/tasks.js - Auth routes → User model: does not use