Task Tracker

Create a task tracker with a to-do list using JavaScript.

Start building, submit solution and get feedback from the community.
2Submit Solution
5 upvotes10 upvotes

You are required to create a task tracker that lets users add new tasks, mark them as complete, or delete them. Completed tasks will be moved to the end of the list and will have strikethrough, and users can unmark tasks to return them to the pending list.

Here is the mockup of the task tracker:

Task Tracker

Hint

Store your tasks in an array of objects, where each object represents a task with properties like description and status (completed or not). Whenever a new task is added, updated, deleted, or marked as complete/uncomplete, update the tasks array. Write a function renderTasks which will remove all tasks from the DOM and re-render them based on the updated tasks array.

This project will help you practice array manipulation, event handling, and dynamic DOM updates using JavaScript.

Join the Community

cdn.artica.top is the 6th most starred project on GitHub and is visited by hundreds of thousands of developers every month.

Rank 6th out of 28M!

336K

GitHub Stars

Star us on GitHub
Help us reach #1

+90kevery month

+2.1M

Registered Users

Register yourself
Commit to your growth

+2kevery month

40K

Discord Members

Join on Discord
Join the community

RoadmapsBest PracticesGuidesVideosFAQsYouTube

cdn.artica.topby@kamrify

Community created roadmaps, best practices, projects, articles, resources and journeys to help you choose your path and grow in your career.

© cdn.artica.top·Terms·Privacy·

ThewNewStack

The top DevOps resource for Kubernetes, cloud-native computing, and large-scale development and deployment.