Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“ Todo App

A simple and interactive Todo App built using HTML, CSS, and Vanilla JavaScript.

This project helped me strengthen my understanding of DOM manipulation, event handling, local storage, and dynamic UI updates in JavaScript.

๐Ÿš€ Features

  • โœ… Add new tasks
  • โŒจ๏ธ Add task using Enter key
  • โ˜‘๏ธ Mark tasks as completed
  • ๐Ÿ—‘๏ธ Delete tasks
  • ๐Ÿ’พ Persistent storage using Local Storage
  • ๐Ÿ”„ Tasks remain after page refresh
  • ๐ŸŽจ Clean and responsive UI

๐Ÿ› ๏ธ Tech Stack

  • HTML
  • CSS
  • JavaScript (Vanilla JS)

๐Ÿ“š Concepts Practiced

  • DOM Manipulation
  • Event Listeners
  • Dynamic Element Creation
  • localStorage
  • Array Methods (filter, find)
  • JSON (stringify / parse)
  • Functions & Code Refactoring
  • Conditional Rendering & Styling

๐Ÿ“ธ Preview

alt text

๐Ÿ”ฎ Future Improvements

  • โœ๏ธ Edit Task Feature
  • ๐Ÿ—‘๏ธ Delete Selected Tasks
  • ๐ŸŒ™ Dark Mode
  • ๐Ÿ“ฑ Better Mobile Responsiveness

Built as part of my JavaScript learning journey ๐Ÿš€

About

A simple todo-app using HTML, CSS and JS

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages