Skip to content

Navigation Menu

Sign in
Sign up

Latest commit

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Simple To-Do List App πŸ“

This is a simple To-Do List web application built with plain JavaScript, HTML, and CSS.

I created and explained this project during a Web Development Bootcamp for students, to help them understand basic DOM manipulation, event handling, and array operations.

Screenshot 2025εΉ΄07月10ζ—₯ 140941

πŸš€ Features

  • Add new tasks
  • Mark tasks as completed
  • Delete tasks
  • Dynamic task rendering with JavaScript
  • Simple, clean UI

πŸ“š What Students Learned

  • How to use querySelector, and innerHTML
  • How to manage an array of objects to store tasks
  • How to update the UI dynamically based on user interaction
  • The difference between HTML structure and JavaScript logic
  • Good practices for naming functions and organizing code

🧠 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (Vanilla)

πŸ’‘ Live Demo

If you'd like to try it out, simply open the index.html file in your browser.


πŸ“Œ Notes

This project is meant for educational purposes and beginner practice.
Feel free to customize it, add localStorage, filtering, or other features!

About

This is a simple To-Do List web application built with plain JavaScript, HTML, and CSS. I created and explained this project during a Web Development Bootcamp for students, to help them understand basic DOM manipulation, event handling, and array operations.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /