How farukshihab/taskflow works
This appears to be a recruitment-oriented web app combining account access, task planning, and image annotation. The likely user workflow is to sign in, manage dated tasks on a board, or create a study, upload images, and annotate them with polygons. The tree supports these product areas, while the sampled service code confirms authentication, task, and study API operations. README content is only the default Next.js template, and several UI and state files were not sampled, so links from screens to services are omitted where their callers cannot be verified.
Main entry points: auth.service.ts Auth service · task.service.ts Task service · annotation.service.ts Annotation service · page.tsx Auth screens
Components 19
Account access
- Auth screens
src/app/(auth)/login/page.tsx - Auth forms
src/components/auth/LoginForm.tsx - Auth service
src/services/auth.service.ts - Auth state
src/store/auth.store.ts
Task planning
- Tasks screen
src/app/(dashboard)/tasks/page.tsx - Task board
src/components/tasks/Board.tsx - Task service
src/services/task.service.ts - Task state
src/store/task.store.ts - Task history
src/services/task-history.service.ts
Image annotation
- Annotation screen
src/app/(dashboard)/annotate/page.tsx - Annotation workspace
src/components/annotation/AnnotationPage.tsx - Study tools
src/components/annotation/studies/StudyList.tsx - Image uploader
src/components/annotation/studies/ImageUploader.tsx - Polygon canvas
src/components/annotation/canvas/AnnotationCanvas.tsx - Annotation service
src/services/annotation.service.ts
App shell
- Dashboard screen
src/app/(dashboard)/layout.tsx - Dashboard overview
src/components/dashboard/Dashboard.tsx
Other components
- User
- Backend API
Connections 6
- User → Auth screens: opens account
- User → Tasks screen: opens tasks
- User → Annotation screen: opens annotator
- Auth service → Backend API: requests auth
- Task service → Backend API: requests tasks
- Annotation service → Backend API: requests studies