How gabrielxy123/-simple-task-management-app works
TaskFlow is a full-stack task-management app. Users sign in, then load a Kanban dashboard with task and assignee data; they can search/filter, view progress, create or edit tasks, change status, and delete tasks. The dashboard also exposes an AI assistant that answers questions using task context. The graph reflects sampled frontend/API and backend routing/authentication code; chatbot internals are represented from the README and file tree, so its exact backend data flow is not inferred.
Main entry points: api.ts HTTP client · page.tsx Kanban dashboard · routes.py Auth and task routes · main.py FastAPI app
Components 16
Web interface
- Sign-in page
frontend/src/app/login/page.tsx - Kanban dashboard
frontend/src/app/dashboard/page.tsx - Task cards
frontend/src/components/TaskCard.tsx - Task editor
frontend/src/components/TaskModal.tsx - Chat panel
frontend/src/components/Chatbot.tsx
API client
- HTTP client
frontend/src/lib/api.ts
Backend service
- FastAPI app
backend/main.py - Auth and task routes
backend/routes.py - Chat endpoint
backend/chat.py - JWT and password auth
backend/auth.py
Persistence and models
- Request and response schemas
backend/schemas.py - User and task models
backend/models.py - DB session layer
backend/database.py
Other components
- User
- PostgreSQL
- Groq LLM API
Connections 22
- User → Sign-in page: signs in
- User → Kanban dashboard: manages tasks
- Sign-in page → HTTP client: submits credentials
- Kanban dashboard → HTTP client: loads data
- Kanban dashboard → Task cards: renders tasks
- Kanban dashboard → Task editor: opens editor
- Kanban dashboard → Chat panel: opens assistant
- Task cards → HTTP client: updates or deletes
- Task editor → HTTP client: creates or updates
- Chat panel → HTTP client: sends question
- HTTP client → FastAPI app: HTTP requests
- FastAPI app → Auth and task routes: dispatches routes
- FastAPI app → Chat endpoint: dispatches chat
- FastAPI app → DB session layer: creates tables
- Auth and task routes → JWT and password auth: verifies credentials
- Auth and task routes → DB session layer: queries and commits
- Auth and task routes → User and task models: uses ORM entities
- Auth and task routes → Request and response schemas: validates and serializes
- JWT and password auth → DB session layer: loads user
- JWT and password auth → User and task models: queries user
- DB session layer → PostgreSQL: opens sessions
- Chat endpoint → Groq LLM API: requests AI reply