DOM Project

Build a dynamic task manager

Lesson 58
+30 XP
Step 1 of 5

Project: Dynamic Task Manager

Let's build a complete task manager application using all the DOM manipulation skills you've learned! This project will include:

Features:

  • ✓ Add new tasks
  • ✓ Mark tasks as complete
  • ✓ Delete tasks
  • ✓ Edit existing tasks
  • ✓ Filter by status

Skills Used:

  • ✓ createElement()
  • ✓ appendChild()
  • ✓ remove()
  • ✓ classList
  • ✓ Event listeners

Challenge: Try to understand how each part works as we build it together!