How munyeshya/klab-tech-upskill-coding-challenge-2026 works
Intego is a private task-management application: users register or sign in, then view and manage their own tasks through a React workspace backed by a Django REST API and MySQL. The task workflow includes listing, status filtering, debounced search, pagination, create/edit, status changes, and deletion; JWT authentication and profile access are a separate supporting domain. The frontend excerpt centers these interactions in App.jsx, while backend routing, models, and task views provide the sampled implementation. Some README-described screens and account endpoints were not sampled, so their detailed internal wiring is omitted.
Main entry points: tasks/views.py Task API and query · config/urls.py API URL routing · accounts/urls.py Account endpoints · accounts/views.py Registration and profile API
Components 16
React workspace
- React entry
frontend/src/main.jsx - Workspace and task actions
frontend/src/App.jsx - Registration and login
frontend/src/App.jsx
Accounts and identity
- API URL routing
backend/config/urls.py - Account endpoints
backend/accounts/urls.py - Registration and profile API
backend/accounts/views.py - User serialization
backend/accounts/serializers.py - JWT authentication
backend/accounts/urls.py - User records
backend/accounts/models.py
Task management
- Task endpoints
backend/tasks/urls.py - Task API and query
backend/tasks/views.py - Task validation
backend/tasks/serializers.py - Task pagination
backend/tasks/pagination.py - Task records
backend/tasks/models.py
Persistence
- MySQL database
Other components
- Workspace user
Connections 18
- Workspace user → React entry: opens
- React entry → Workspace and task actions: renders
- Workspace user → Workspace and task actions: manages tasks
- Workspace user → Registration and login: registers or signs in
- Registration and login → API URL routing: sends auth requests
- Workspace and task actions → API URL routing: sends task and profile requests
- API URL routing → Account endpoints: dispatches auth
- API URL routing → Task endpoints: dispatches tasks
- Account endpoints → Registration and profile API: routes account API
- Account endpoints → JWT authentication: routes token API
- Registration and profile API → User serialization: validates user data
- Registration and profile API → User records: creates or reads users
- Task endpoints → Task API and query: routes task API
- Task API and query → Task validation: validates task data
- Task API and query → Task pagination: paginates results
- Task API and query → Task records: filters and changes tasks
- Task records → MySQL database: persists records
- User records → MySQL database: persists accounts