Add Progress Tracking Feature
Budget: $50 – $0 USD
I already have a fully-functional task management system built with HTML5, CSS3 (Flexbox/Grid), vanilla JavaScript, PHP, and MySQL. Users can sign up securely, create, read, update, and delete tasks, all from a responsive dashboard.
What I need now is a focused enhancement:
1. Progress tracking
• Each task should hold a 0–100 value stored in MySQL.
• Display that value on the dashboard with a smooth, colour-accessible progress bar.
• Users must be able to set or update the percentage while creating or editing a task.
2. Project-based filtering
• Add a “Project” filter that lets users instantly narrow the visible tasks without reloading the page.
• Keep URL parameters in sync so filtered views can be bookmarked or shared.
Deliverables
• Updated database script (new progress column, any necessary indexes).
• Revised PHP/SQL endpoints to handle the extra field.
• Front-end JavaScript for the animated progress bars and client-side filtering.
• CSS tweaks that blend with the existing Flexbox/Grid layout.
• A concise deployment note so I can drop the changes onto my LAMP server.
Acceptance criteria
• Progress bars show accurate percentages everywhere they appear.
• Create/Edit forms validate and persist the progress value.
• Project filter returns the correct subset with zero regression to existing CRUD, auth, or responsive behaviour.
I’ll share the Git repo as soon as we start. A one-week turnaround would be ideal; just tell me if you need anything clarified.
What I need now is a focused enhancement:
1. Progress tracking
• Each task should hold a 0–100 value stored in MySQL.
• Display that value on the dashboard with a smooth, colour-accessible progress bar.
• Users must be able to set or update the percentage while creating or editing a task.
2. Project-based filtering
• Add a “Project” filter that lets users instantly narrow the visible tasks without reloading the page.
• Keep URL parameters in sync so filtered views can be bookmarked or shared.
Deliverables
• Updated database script (new progress column, any necessary indexes).
• Revised PHP/SQL endpoints to handle the extra field.
• Front-end JavaScript for the animated progress bars and client-side filtering.
• CSS tweaks that blend with the existing Flexbox/Grid layout.
• A concise deployment note so I can drop the changes onto my LAMP server.
Acceptance criteria
• Progress bars show accurate percentages everywhere they appear.
• Create/Edit forms validate and persist the progress value.
• Project filter returns the correct subset with zero regression to existing CRUD, auth, or responsive behaviour.
I’ll share the Git repo as soon as we start. A one-week turnaround would be ideal; just tell me if you need anything clarified.