How mariem-712/task_management_depi works
Smart Task Manager is a React frontend backed by a Spring Boot API for JWT-authenticated task assignment and progress tracking. The main flow is login, role-gated admin or employee views, and task or comment actions through the API. The README also describes Docker, Nginx, Kubernetes, and Prometheus/Grafana deployment and monitoring, but those runtime/deployment details are only documented or represented by infrastructure files; backend implementation excerpts were not provided.
Main entry points: App.js Routes and shell · Task_Management Spring Boot API · Login.jsx Login · k8s Container and ingress
Components 20
Web client
- Routes and shell
app/src/App.js - Navigation layout
app/src/components/Layout/Layout.jsx - Home view
app/src/components/Home/Home.jsx
Identity and access
- Auth context
app/src/components/Context/authenticationContext.js - Role guard
app/src/components/ProtectedRoot/ProtectedRoot.jsx - Login
app/src/components/Login/Login.jsx - Registration
app/src/components/Register/Register.jsx - Role navigation
app/src/components/Navbar/Navbar.jsx
Task workflows
- Admin dashboard
app/src/components/AdminDashboard/AdminDashboard.jsx - Employee dashboard
app/src/components/EmployeeDashboard/EmployeeDashboard.jsx - Task creation
app/src/components/CreateTask/CreateTask.jsx - Task editing
app/src/components/EditTask/EditTask.jsx - Admin comments
app/src/components/CreateComment/CreateComment.jsx - Employee comments
app/src/components/EmployeeComment/EmployeeComment.jsx - User management
app/src/components/UserTable/UserTable.jsx
Runtime platform
- Spring Boot API
Task_Management/src/main/java/com/example/Task_Management - MySQL database
- Container and ingress
k8s - Monitoring stack
Other components
- Admin or employee
Connections 30
- Admin or employee → Routes and shell: uses
app/src/App.js - Routes and shell → Navigation layout: routes through
app/src/App.js - Routes and shell → Auth context: provides auth
app/src/App.js - Routes and shell → Role guard: protects routes
app/src/App.js - Routes and shell → Home view: routes to
app/src/App.js - Routes and shell → Login: routes to
app/src/App.js - Routes and shell → Registration: routes to
app/src/App.js - Routes and shell → Admin dashboard: routes to
app/src/App.js - Routes and shell → Employee dashboard: routes to
app/src/App.js - Routes and shell → Task creation: routes to
app/src/App.js - Routes and shell → Task editing: routes to
app/src/App.js - Routes and shell → Admin comments: routes to
app/src/App.js - Routes and shell → Employee comments: routes to
app/src/App.js - Routes and shell → User management: routes to
app/src/App.js - Navigation layout → Role navigation: renders
app/src/components/Layout/Layout.jsx - Login → Auth context: sets session
app/src/components/Login/Login.jsx - Role navigation → Auth context: reads session
app/src/components/Navbar/Navbar.jsx - Login → Spring Boot API: authenticates via
app/src/components/Login/Login.jsx - Registration → Spring Boot API: registers via
app/src/components/Register/Register.jsx - Admin dashboard → Spring Boot API: manages tasks via
app/src/components/AdminDashboard/AdminDashboard.jsx - Employee dashboard → Spring Boot API: loads and updates via
app/src/components/EmployeeDashboard/EmployeeDashboard.jsx - Task creation → Spring Boot API: creates tasks via
app/src/components/CreateTask/CreateTask.jsx - Task editing → Spring Boot API: reads and updates via
app/src/components/EditTask/EditTask.jsx - Admin comments → Spring Boot API: loads and posts via
app/src/components/CreateComment/CreateComment.jsx - Employee comments → Spring Boot API: loads and posts via
app/src/components/EmployeeComment/EmployeeComment.jsx - User management → Spring Boot API: manages users via
- Spring Boot API → MySQL database: persists data
- Container and ingress → Spring Boot API: hosts service
- Container and ingress → MySQL database: hosts storage
- Monitoring stack → Container and ingress: observes runtime