How webnoureddine/taskmangement works
TaskFlow is a browser-based project and task manager. Users register or sign in, then work from a dashboard to create projects and manage, search, filter, and track tasks; project detail provides task management within one project. The frontend calls an external API for authentication, project and task data, and task statistics, while storing session tokens and user details in browser local storage. The graph reflects sampled page and library code; Navbar and Sidebar are included only as tree-listed UI components, with no assumed behavior beyond their use.
Main entry points: dashboard/page.js Dashboard · auth.js Auth helpers · [id]/page.js Project detail · api.js API client
Components 16
Entry and auth
- Home redirect
app/page.js - Sign-in page
app/login/page.js - Registration page
app/register/page.js - Auth helpers
lib/auth.js
Task workspace
- Dashboard
app/dashboard/page.js - Project detail
app/projects/[id]/page.js
Workspace UI
- Navbar
components/Navbar.js - Sidebar
components/Sidebar.js - Project card
components/ProjectCard.js - Task card
components/TaskCard.js - Project form
components/ProjectModal.js - Task form
components/TaskModal.js
API integration
- API client
lib/api.js
Other components
- User
- Browser storage
- TaskFlow API
Connections 26
- User → Home redirect: opens
- User → Sign-in page: signs in
- User → Registration page: registers
- Home redirect → Auth helpers: checks session
- Home redirect → Sign-in page: routes unauthenticated
- Home redirect → Dashboard: routes authenticated
- Sign-in page → Auth helpers: logs in
- Registration page → Auth helpers: registers and logs in
- Auth helpers → API client: requests auth
- Auth helpers → Browser storage: stores session
- Dashboard → Auth helpers: checks session
- Dashboard → API client: loads and mutates data
- Dashboard → Navbar: renders
- Dashboard → Sidebar: renders
- Dashboard → Project card: renders projects
- Dashboard → Task card: renders tasks
- Dashboard → Project form: opens project form
- Dashboard → Task form: opens task form
- Project detail → Auth helpers: checks session
- Project detail → API client: loads and mutates data
- Project detail → Navbar: renders
- Project detail → Sidebar: renders
- Project detail → Task card: renders tasks
- Project detail → Task form: opens task form
- API client → Browser storage: reads and refreshes tokens
- API client → TaskFlow API: sends API requests