# Project Tracker PRD

## Overview

The Project Tracker is an application designed to assist designer, home owners and trade pros in tracking and managing project tasks. It provides a visual representation of tasks along a main line, allowing users to monitor progress and access task details easily and intuitively.

## Features

### 1. Main Line Task Tracking
- Display tasks on a main line in chronological order.
- Completed tasks are marked with a black color, while pending tasks are greyed out.
- Users can easily differentiate between completed and pending tasks, providing visual clarity.

### 2. Task Details Drawer
- Clicking on a task opens a drawer from the right-hand side of the screen.
- The drawer displays detailed information about the selected task, including task name, description, due date, assigned team members, and any attached files.
- Users can edit task details and mark tasks as complete directly from the drawer.

### 3. Cross-Platform Compatibility
- The Project Tracker is designed to work seamlessly across multiple platforms: web, mobile, and tablet devices.
- The responsive design ensures a consistent and user-friendly experience regardless of the device used.
- Users can access and manage their projects from different devices, enhancing productivity and flexibility.

## User Stories

### User Persona: Home owner

As a home owner, I want a comprehensive project tracker to efficiently manage tasks and stay updated on project progress.

- **View Main Line**: I want to see a clear representation of tasks along the main line, reflecting their order and status.
- **Task Status**: I want completed tasks to be visually distinct with a black color, and ongoing tasks to be greyed out.
- **Access Task Details**: I want to click on a task to open a drawer that displays detailed information about that task.
- **Task Management**: I want to be able to mark tasks as completed or ongoing and make necessary updates to task details.
- **Efficient Tracking**: I want a user-friendly interface that enables quick tracking and management of tasks without unnecessary complexity.

## Design

### Main Line

The main line is a horizontal representation of the task timeline. Tasks are listed in chronological order from left to right. Completed tasks are displayed in black, and ongoing tasks are greyed out.

### Task Details Drawer

When a user clicks on a task on the main line, a drawer slides in from the right-hand side, displaying detailed information about the selected task. The drawer can include:

- Task title
- Description
- Assigned team members
- Due date
- Priority level
- Attachments
- Comments

## Technical Specifications

### Front-End

- Framework: Choose a suitable front-end framework (e.g., React, Angular, or Vue.js) for building the user interface.
- Responsive Design: Implement responsive design principles to ensure a seamless user experience across devices.
- Pop-Up Drawers: Utilize a modal or drawer component for displaying detailed task information.

### Back-End

- Programming Language: Choose a back-end programming language (e.g., Node.js, Python, Ruby) for handling data and business logic.
- Database: Set up a database (e.g., MySQL, MongoDB) to store task information, user details, and project data.
- API: Develop a RESTful API to facilitate communication between the front-end and back-end.

### Deployment

- Choose a suitable hosting platform (e.g., AWS, Heroku) to deploy the application.
- Implement proper security measures to protect user data and ensure safe communication.

## MVP (Minimum Viable Product)

The MVP of the Project Tracker will include:

- Display of tasks along the main line with distinct colors for completed and ongoing tasks.
- Clickable tasks that open a task details drawer with task-specific information.

## Future Enhancements

Future enhancements may include:

- User authentication and access control for different roles (home owners, designers, etc.).
- Ability to add new tasks, update task details, and mark tasks as completed directly from the drawer.
- Integration with external project management tools (Jira, Trello, etc.).
- Customizable task categories and labels.
- Task dependencies and subtasks.
- Notifications and alerts for approaching due dates.

## Conclusion

The Project Tracker will provide an intuitive and effective solution for home owners, designers, and trade pros to track and manage project tasks efficiently. By visualizing tasks on the main line and providing a detailed task details drawer, the application aims to enhance collaboration and streamline project management processes.

---
Author: [Katharine]
Date: [Aug 8, 2023]