https://github.com/oge-dev/todolist-app
A ToDo list app for managing tasks, setting reminders, and improving productivity. Features include task adding, editing, complete, and delete. Tasks are also saved in the local storage, so they persist even after the page is refreshed.
https://github.com/oge-dev/todolist-app
css html javascript localstorage task-management todolist
Last synced: about 1 year ago
JSON representation
A ToDo list app for managing tasks, setting reminders, and improving productivity. Features include task adding, editing, complete, and delete. Tasks are also saved in the local storage, so they persist even after the page is refreshed.
- Host: GitHub
- URL: https://github.com/oge-dev/todolist-app
- Owner: oge-dev
- Created: 2023-03-18T08:54:34.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-29T16:00:21.000Z (almost 2 years ago)
- Last Synced: 2024-07-30T04:02:27.481Z (almost 2 years ago)
- Topics: css, html, javascript, localstorage, task-management, todolist
- Language: JavaScript
- Homepage: https://oge-dev.github.io/TodoList-App/
- Size: 324 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: ReadMe.md
Awesome Lists containing this project
README
# To-do List Assignment
## Overview
This ToDo app allows users to add, edit, complete, and delete tasks. Tasks are saved in the local storage, so they persist even after the page is refreshed.
## Table of Contents
- [Overview](#Overview)
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Demo](#demo)
- [Some design inspirations](#Some-design-inspirations)
- [Some helpful resources](#Some-helpful-resources)
- [License](#license)
## Features
- **Add Tasks:** Add new tasks to your to-do list.
- **Edit Tasks:** Modify existing tasks.
- **Complete Tasks:** Mark tasks as complete or incomplete.
- **Delete Tasks:** Remove tasks from the list.
- **Persistent Storage:** Tasks are stored in local storage, ensuring data persistence across page reloads.
- **Some further requirements:**
- the input field must be reset when the add button is clicked on
- prevent empty values from being added to the list
- the todo list must show the most recently added item first on the list
## Technologies Used
- HTML
- CSS
- JavaScript
## Demo
You can view the live demo of this project [here](https://oge-dev.github.io/TodoList-App/).
## Some design inspirations
[imagekit](https://ik.imagekit.io/freshman/final-app_dPFLhFnTI.gif)
[amazonaws](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kh657gzuo9flabph0y4a.jpg)
## Some helpful resources:
[codeguage](https://www.codeguage.com/courses/advanced-js/storage-localstorage)
[youtube](https://www.youtube.com/watch?v=fYTTUBa-lPc)
## License
This project is not licensed under the MIT License. See the [LICENSE](#) file for details.
Feel free to adjust any sections according to your project’s specifics and needs!