Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samuelmarete/javascript-day5-todolistwebapp
The Todo List App is a simple, responsive tool built with HTML, CSS, and JavaScript for managing tasks. It offers task creation, editing, completion, and deletion, with filters and local storage for seamless use across devices. Real-time notifications keep you updated on your actions.
https://github.com/samuelmarete/javascript-day5-todolistwebapp
frontenddevelopment html5 javascript localstorage productivity-app responsive-web-design taskmanagement todolist webdevelop
Last synced: 13 days ago
JSON representation
The Todo List App is a simple, responsive tool built with HTML, CSS, and JavaScript for managing tasks. It offers task creation, editing, completion, and deletion, with filters and local storage for seamless use across devices. Real-time notifications keep you updated on your actions.
- Host: GitHub
- URL: https://github.com/samuelmarete/javascript-day5-todolistwebapp
- Owner: SamuelMarete
- Created: 2025-01-05T17:17:07.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-01-05T17:33:50.000Z (about 1 month ago)
- Last Synced: 2025-01-05T18:23:44.252Z (about 1 month ago)
- Topics: frontenddevelopment, html5, javascript, localstorage, productivity-app, responsive-web-design, taskmanagement, todolist, webdevelop
- Language: JavaScript
- Homepage: https://todolistappjavascriptday5.netlify.app/
- Size: 8.79 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Javascript-Day5-TodoListwebapp
A simple, responsive Todo List application built with HTML, CSS, and JavaScript. This app allows you to manage your tasks effectively with features like task creation, editing, marking as complete, deletion, and filtering tasks by status. It also saves your tasks locally, ensuring your data persists across sessions.
Features
1. Task Creation: Add new tasks with names and descriptions.
2. Task Editing: Edit task details at any time.
3. Task Completion: Mark tasks as complete or incomplete.
4. Task Deletion: Remove tasks that are no longer needed.
5. Filter Tasks: View tasks based on their completion status (All, Completed, Incomplete).
6. Persistent Storage: Tasks are saved locally in the browser, ensuring no data loss after refreshing or closing the app.
7. Real-Time Notifications: Instant feedback for task actions, such as adding, editing, or deleting tasks.
Technologies Used
1. HTML: Structure and content of the application.
2. CSS: Styling to make the app visually appealing and responsive.
3. JavaScript: Logic for managing tasks, filtering, and interacting with local storage.
Installation
-To run this app locally, follow these steps:
1. Clone this repository:
bash
(https://github.com/SamuelMarete/Javascript-Day5-TodoListwebapp.git)
2. Open the index.html file in your browser to start using the app.
Usage
1. Add Task: Enter a task name and description, then click "Add Task."
2. Edit Task: Click the pencil icon on any task to modify it.
3. Complete Task: Click the checkmark icon to mark a task as complete.
4. Delete Task: Click the trash icon to delete a task.
5. Filter Tasks: Use the filter buttons to view tasks by their completion status.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Here is a screenshot
