Skip to content

A classic to-do list application built with vanilla JavaScript. Perfect for learning the fundamentals of DOM manipulation. Feel free to contribute to participate in Hacktoberfest 2025

Notifications You must be signed in to change notification settings

noodles-sed/Simple-To-Do-List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

46 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ Simple To-Do List

A clean, responsive, and lightweight to-do list application built with HTML, Vanilla JavaScript, and Tailwind CSS. This app allows users to add, mark as completed, and delete tasks, with persistent storage using localStorage.


NOTE: Make sure to add your profile details to contributors.json in Quiver 2025

πŸš€ Features

  • βœ… Add Tasks
    Quickly add new tasks using the input field and "Add" button or press Enter.

  • 🎯 Mark as Completed
    Click on a task to toggle its completion state. Completed tasks are visually struck through.

  • πŸ—‘οΈ Delete Tasks
    Remove tasks individually using the delete (trash bin) icon.

  • πŸ’Ύ Persistent Storage
    Your tasks are saved to the browser's localStorage so they stay even after refreshing or closing the browser.

  • πŸ“± Responsive Design
    Looks great on mobile, tablet, and desktop thanks to Tailwind CSS.

  • ⚑ Smooth Interactions
    Subtle hover and click effects for a better user experience.


πŸ› οΈ Technologies Used

  • HTML5
  • Tailwind CSS (via CDN)
  • Vanilla JavaScript
  • LocalStorage API
  • Google Fonts - Inter

πŸ“‚ How to Use

  1. Clone or download this repository:
    git clone https://github.com/mangosain/Simple-To-Do-List.git
  2. Running with Docker:

You can run this app anywhere using Docker.

Build Docker Image

docker build -t todo-app .

Run Container

docker run -p 5000:5000 todo-app

Open your browser at http://localhost:5000 to see the app.

Note: Make sure Docker is installed and running.

About

A classic to-do list application built with vanilla JavaScript. Perfect for learning the fundamentals of DOM manipulation. Feel free to contribute to participate in Hacktoberfest 2025

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 15