Projects
Manage projects and tasks in TimeTrack — create projects, track time, manage members, and monitor financial health.
Route: /en/projects
Project list:
- Grid or List view toggle
- Filters: All Status · All Types · Search projects
- Each card shows: project name, status badge (Active / Archived), project code (e.g., PRJ-EC8E3591), type (Native project), due date, description, member count, hours logged / budget, progress bar, task completion count
Add Project (3-step wizard)
"+ Add Project" button (top right, purple)
Project Details
| Field | Notes |
|---|---|
| Project Name | Required — max 60 characters (character counter shown, e.g., 0/60) |
| Description | Optional — max 500 characters (e.g., 0/500) |
| Color | Color swatches — select a label colour for the project |
| Priority | Dropdown: High · Medium · Low |
| Start Date | Date picker |
| Due Date | Date picker (disabled until Start Date is set) |
| Estimated Hours | Spinners for hours (hrs) and minutes (min) |
| Budget | Currency field (€ 0.00) |
Select Members
- Department filter dropdown — filter users by department
- Team filter dropdown — filter users by team
- Members list with: Search box ("Search people, roles"), Select All button, each user row shows initials avatar, full name, email, role badge, assigned teams and departments
- Scroll control when the list is long
Review Project Details
Summary of all configured inputs: Basic information (project name + description), Start and due date, Priority, Estimated Hours & Budget, Project members count.
"Please review the project configuration before adding." Click Create to finalise.
Project Detail Page
Status badge, project code, type (Native project), objective/description, % budget used, hours logged so far, member avatars with overflow count, Assign Manager name, Start date, Due date, Priority, Created date, Tasks completed / total count, Hours Allocated summary.
"Track Time" button: Appears in the project header. It is disabled if the user is not currently clocked in. Clicking it opens the time entry panel pre-filled with the current project.
Project Settings (gear icon)
Clicking the Project Settings button opens an edit modal with the following fields:
| Field | Notes |
|---|---|
| Project Name | Required — max 60 characters (character counter shown) |
| Description | Max 500 characters |
| Project Status | Dropdown: Active · Completed · Archived · On Hold |
| Priority | Dropdown: High · Medium · Low |
| Color | Color picker for project label |
| Start Date | Date picker |
| Due Date | Date picker |
| Estimated Hours | Spinners for hours (hrs) and minutes (min) |
| Budget | Currency field (€) |
Buttons: Cancel · Save · Close (×)
Delete Project
An unlabeled Delete button (trash icon) sits next to the Project Settings button in the project header. Clicking it opens a confirmation modal:
"Delete project — Type the project name to confirm. Please note all data will be lost with the deletion of a project."
Deletion is permanent — all tasks, time entries, and project data are removed.
- A text input requires the user to type the exact project name before the Delete button becomes active
- Has a Close (×) button to cancel without deleting
Project Detail Tabs
Kanban board with four columns: To Do · In Progress · Blocked · Done
Each task card shows:
- Task name and task code
- Smiley rating
- Assignee avatar
- Due date
- Priority badge
Add Task button is available to Owner, Admin, and Assign Manager.
Task Management
Tasks are managed inside each project under the Tasks tab.
| Status column | Description |
|---|---|
| To Do | Not yet started |
| In Progress | Work underway |
| Blocked | Blocked from progressing |
| Done | Completed |
Task cards show: task name, task code (e.g., TASK-FFCC6B57), smiley rating (out of 10), assignee avatar, due date, priority badge.
"Details" button → task detail page.
Task Detail Page Tabs
- View existing comments from all team members
- Add new text comments on the task
Task description, assignee, estimated hours, priority, status, and due date are shown on the detail page.
Task statuses confirmed in app: To Do · In Progress · Blocked · Done
Task checkout: When marking a task complete, users select a completion status via radio buttons and submit a mood/smiley rating (1–10). Members cannot delete tasks — deletion is restricted to Owner, Admin, and Assign Manager.