Skip to content

mothy-08/task-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Task Tracker

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.

Features

  • 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

Data Structure

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" }, ];

Project Completion

This project was built as part of the "Build a Task Tracker with JavaScript" challenge from roadmap.sh.

Installation & Usage

  1. Clone the repository:
    git clone https://github.com/mothy-08/task-tracker.git
  2. Open the project in VS Code.
  3. Install and enable the Live Server extension in VS Code.
  4. Right-click index.html and select "Open with Live Server" to run the app.
  5. Start adding and managing your tasks!

About

A simple to-do list web application that allows users to add, delete, and manage tasks.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published