Skip to content

A simple and responsive to-do list web application built with HTML, CSS, Bootstrap, and Vanilla JavaScript.

License

Notifications You must be signed in to change notification settings

binibiningjenna/to-do-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ To-Do List Web App

A clean, responsive, and easy-to-use web-based To-Do List application designed to help users manage their daily tasks efficiently. Built using HTML, CSS, JavaScript, and Bootstrap 5, with data persistence via localStorage.

πŸ”— Live Preview

✨ You can view the project here: To-Do List Web App

πŸ”– Current Release: v1.1.1

πŸ› οΈ What’s New in v1.1.1

  • πŸ› Bug Fixes – Resolved minor issues related to task filtering and form validation
  • 🎨 UI Enhancements – Improved layout spacing, alignment, and overall responsiveness for a smoother experience on both desktop and mobile devices

πŸ”„ Features added in v1.1.0

  • πŸ—‚οΈ Added Task Priority Options – Tasks can now be assigned a priority: High, Medium, or Low
  • πŸ“… Due Date Support – Users can now set a due date for each task
  • πŸ” Enhanced Filtering – Filter tasks not only by status but also by priority and due date (e.g. Today, Tomorrow, This Week, Overdue)
  • ⚠️ Input Validation – Error alert if the task description is empty
  • πŸ“¨ Improved Empty State Message – Better messaging when no tasks are found based on current filters

✨ Features

  • πŸ†• Add new tasks with a description, due date, and priority
  • ✏️ Edit existing tasks and update their status, description, date, or priority
  • πŸ—‘οΈ Delete tasks with confirmation modal
  • πŸ” Filter tasks by:
    • Status: All, Not Started, In Progress, Done
    • Priority: High, Medium, Low
    • Due Date: All, Today, Tomorrow, This Week, Overdue
  • πŸ“… Dynamic current date display
  • πŸ“­ Message when no tasks are available or match filters
  • πŸ’Ύ Tasks are saved using browser localStorage
  • πŸ“± Responsive design using Bootstrap
  • 🎨 Theming support through CSS variables (ready for dark/light mode)

πŸ“Έ Screenshots

preview

πŸ”§ Built With

  • HTML
  • CSS
  • JavaScript
  • Bootstrap

πŸ§‘β€πŸ’» Author

Jenna Miles Reyes IT Student

πŸ“ License

This project is licensed under the MIT License.

About

A simple and responsive to-do list web application built with HTML, CSS, Bootstrap, and Vanilla JavaScript.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published