How nayakops/project-management-tool works
Vision Board is a project-management web app. Users authenticate, enter a protected workspace, select an organization, and manage projects, members, and tasks; the task board supports filtering and drag-and-drop status updates. The tree also identifies invitation, comments, tags, profile, and organization-management capabilities. The sampled task page and endpoint module establish the task-fetch/update path; other subsystem links reflect named modules and are left unwired where callers were not sampled.
Main entry points: App.tsx Application router · Tasks.tsx Task board · endpoints API endpoints · index.ts Redux application state
Components 18
App and access
- Application router
src/App.tsx - Protected routes
src/routes/ProtectedRoutes.tsx - Public routes
src/routes/PublicRoutes.tsx - Login and signup
src/pages/non-authorized
Workspace management
- Workspace pages
src/pages/authorized - Dashboard
src/pages/authorized/Home.tsx - Project management
src/pages/authorized/ProjectUpdate.tsx - Organization settings
src/pages/authorized/UpdateOrganisation.tsx - Task board
src/pages/authorized/Tasks.tsx - Task forms and comments
src/components/form/TaskForm.tsx
Team collaboration
- Member management
src/pages/authorized/MemberList.tsx - Invitations
src/components/form/Invitation.tsx - User profile
src/pages/authorized/UserProfile.tsx
State and API
- API endpoints
src/services/endpoints - API query layer
src/store/slices/apiSlice.ts - Redux application state
src/store/index.ts
Other components
- User
- Backend API
Connections 16
- User → Application router: opens app
- Application router → Protected routes: guards workspace
- Application router → Public routes: routes public
- Application router → Dashboard: routes dashboard
- Application router → Task board: routes tasks
- Application router → Project management: routes projects
- Application router → Organization settings: routes settings
- Application router → Member management: routes members
- Application router → User profile: routes profile
- Public routes → Login and signup: shows when signed out
- Protected routes → Redux application state: reads auth state
- Task board → Redux application state: reads organization
- Task board → API endpoints: queries and updates
- API endpoints → API query layer: injects endpoints
- API query layer → Redux application state: registers middleware
- API endpoints → Backend API: requests data