Thanks to visit codestin.com
Credit goes to github.com

Skip to content

πŸ“ A clean and modern To-Do List App built with vanilla JavaScript. Includes features like localStorage persistence, task filtering, completion tracking, and an interactive UI with animations. Perfect for learning or showcasing front-end web development skills.

FAHAD-ALI-github/ToDoList

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Œ Modern To-Do List App

A modern, interactive to-do list application built with vanilla JavaScript. This project allows users to manage their daily tasks with a clean and responsive interface. Tasks are stored locally in the browser, ensuring persistence even after a page refresh. The app features animated feedback, task filtering, and a clear display of progress.


✨ Features

  • Add & Remove Tasks: Easily add new tasks and delete them when completed or no longer needed.
  • Mark as Complete: Toggle the completion status of tasks with a single click.
  • Task Filtering: View all tasks, only active tasks, or only completed tasks.
  • Local Storage: All tasks are saved to local storage, so they persist between sessions.
  • Interactive UI: Includes subtle animations and visual feedback for a smooth user experience.
  • Dynamic Task Stats: Tracks and displays the total number of tasks and completed tasks in real-time.

πŸ› οΈ Tech Stack

  • Languages: HTML, CSS, JavaScript
  • API: Web Storage API (localStorage)

πŸ“ Folder Structure

.
└── index.html
└── style.css
└── script.js

πŸš€ How to Run

This is a front-end application that runs directly in a web browser.

  1. Save the code in a file named index.html.
  2. Open the file in any modern web browser to run the application.

🌐 Live Demo

πŸ”— Live Site


πŸ‘€ Author

Fahad Ali

About

πŸ“ A clean and modern To-Do List App built with vanilla JavaScript. Includes features like localStorage persistence, task filtering, completion tracking, and an interactive UI with animations. Perfect for learning or showcasing front-end web development skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published