Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aayush259/to-do-list
This is basic to-do list app which allows users to add tasks with due dates, mark tasks as completed, and delete tasks. It also features a theme toggle for light and dark modes.
https://github.com/aayush259/to-do-list
Last synced: 9 days ago
JSON representation
This is basic to-do list app which allows users to add tasks with due dates, mark tasks as completed, and delete tasks. It also features a theme toggle for light and dark modes.
- Host: GitHub
- URL: https://github.com/aayush259/to-do-list
- Owner: Aayush259
- Created: 2024-04-04T12:13:43.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-04-14T07:23:15.000Z (7 months ago)
- Last Synced: 2024-04-15T00:51:55.311Z (7 months ago)
- Language: JavaScript
- Homepage: https://aayush259.github.io/To-do-list/
- Size: 931 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To-Do List Application
## Overview
This is a simple yet powerful To-Do List application built with HTML, CSS, and JavaScript. It allows users to add tasks with due dates, mark tasks as completed, and delete tasks. It also features a theme toggle for light and dark modes. This app uses local storage to store the user's added task and theme preferences.## Features
- Add tasks with a due date
- Mark tasks as completed
- Delete tasks
- Toggle between light and dark themes## How to Use
1. Enter a task in the input field.
2. Select a due date for the task.
3. Click the 'Add' button to add the task to the list.
4. Click the 'tick' button next to a task to mark it as completed. The button will change to a 'cross' and the task status will change to 'Completed'.
5. Click the 'cross' button next to a task to change its status back to 'Pending'. The button will change back to a 'tick'.
6. Click the 'delete' button next to a task to remove it from the list.
7. Click the 'theme' button in the top right corner to toggle between light and dark themes.## Contributing
I know my code is lacking most of the features. So pull requests are welcome for the major and minor changes.