Task Tracker is a simple web application that functions as a to-do list. Users can add tasks, delete tasks, and mark tasks as completed or uncompleted. Completed tasks are visually distinguished with a strikethrough and moved to the end of the list, while unchecking a completed task returns it to the pending list.
- Add new tasks
- Delete tasks
- Mark tasks as completed (checked)
- Un-mark tasks as uncompleted (unchecked)
- Completed tasks move to the bottom of the list
- Tasks are stored in an array of objects for easy management
Tasks are stored in an array of objects with the following structure:
const tasks = [ { id: Date.now(), // Unique identifier description: "Sample Task", // Task description status: "uncompleted", // Status: "completed" or "uncompleted" }, ];This project was built as part of the "Build a Task Tracker with JavaScript" challenge from roadmap.sh.
- Clone the repository:
git clone https://github.com/mothy-08/task-tracker.git
- Open the project in VS Code.
- Install and enable the Live Server extension in VS Code.
- Right-click
index.htmland select "Open with Live Server" to run the app. - Start adding and managing your tasks!