Skip to content

yashgupta7373/ToDo-WebApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✅ To-Do List Web App

A fully functional and responsive To-Do List Web Application developed using HTML, CSS, and JavaScript. This app helps users manage their daily tasks efficiently with features like task filtering, local storage support, and light/dark mode toggle.

🔗 Live Demo

Click here to view the live project

💻 GitHub Repository

View Source Code on GitHub

🖼️ Screenshot

To-Do Web App

✨ Features

  • 📝 Add, edit, complete, undo, and delete tasks
  • 🌑 Light and Dark Mode toggle for better user experience
  • 📥 Tasks are saved in Local Storage — no data loss on refresh
  • 🔍 Search tasks by keyword
  • ⭐ Mark tasks as Favorite
  • 🧮 Task stats: Total, Completed, Favorite
  • 📱 Fully responsive design for mobile, tablet, and desktop
  • ✅ Filters to view All, Completed, Uncompleted, and Favorite tasks
  • 💡 Intuitive UI/UX with clean layout and modern design

🛠️ Technologies Used

  • HTML5 – Structure
  • CSS3 – Styling and responsiveness
  • JavaScript (ES6) – Logic and interactions
  • Local Storage – Data persistence

🎯 Purpose

This project was built to practice and showcase skills in:

  • DOM Manipulation
  • Local Storage API
  • Responsive Web Design
  • Light/Dark theme toggle
  • Clean code structure

🚀 How to Use (Clone & Run)

  1. Clone the repository
    git clone https://github.com/yashgupta7373/ToDo-WebApp.git
  2. Open index.html in your browser No build tools or dependencies needed – it's a fully static app!

Made with ❤️ by Yash Gupta

About

To DO List website Using HTML || CSS || JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published