Skip to content

tapishbhardwaj/taskflow-todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📋 TaskFlow - Todo App

A modern and responsive Todo App built using HTML, CSS, and Vanilla JavaScript. It helps users organize daily tasks with a clean interface and stores data using Local Storage, so tasks remain available even after refreshing the page.


🚀 Live Demo

https://tapishbhardwaj.github.io/taskflow-todo-app/


📸 Screenshot

TaskFlow Screenshot


✨ Features

  • ➕ Add new tasks
  • ✅ Mark tasks as completed
  • ✏️ Edit tasks by double-clicking
  • 🗑 Delete individual tasks
  • 🧹 Delete all tasks
  • 🔍 Search tasks instantly
  • 📂 Filter tasks (All / Active / Completed)
  • 📊 Task counters (Total & Remaining)
  • 💾 Local Storage support
  • 📱 Responsive Design

🛠 Tech Stack

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • Local Storage API

📂 Folder Structure

TaskFlow/ │── index.html │── style.css │── script.js │── README.md │ └── images/ └── Screenshot.jpeg


💻 How to Run

  1. Clone this repository
git clone https://github.com/tapishbhardwaj/taskflow-todo-app.git
  1. Open the project folder.

  2. Run index.html in your browser.


🎯 Future Improvements

  • 🌙 Dark Mode
  • ⭐ Task Priority
  • 📅 Due Date
  • 🔔 Notifications
  • ☁ Cloud Sync

👨‍💻 Author

Tapish Bhardwaj

GitHub: https://github.com/tapishbhardwaj


⭐ If you found this project helpful, consider giving it a star on GitHub.

About

A modern and responsive Todo App built using HTML, CSS and JavaScript.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors