https://github.com/type-delta/simple-todo-list
a simple Todo-list web app example with Vanilla JS and gsap
https://github.com/type-delta/simple-todo-list
example-project gsap todo-list todoapp vanilla-javascript webapp
Last synced: 4 months ago
JSON representation
a simple Todo-list web app example with Vanilla JS and gsap
- Host: GitHub
- URL: https://github.com/type-delta/simple-todo-list
- Owner: Type-Delta
- License: mit
- Created: 2024-07-20T03:59:44.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-04T06:34:19.000Z (5 months ago)
- Last Synced: 2025-02-04T07:28:44.071Z (5 months ago)
- Topics: example-project, gsap, todo-list, todoapp, vanilla-javascript, webapp
- Language: JavaScript
- Homepage: https://todo-list.typedelta.dev/
- Size: 164 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Simple TODO list
it just a very simple to-do list
try out the live demo [here](https://todo-list.typedelta.dev/).
### Why
this project starts as a University Homework, but I poured a bit too much effort into it,
so I thought why not make it a quick project.
That way maybe it can benefit someone else aside from me getting a few points from it :).
You can use this project as a starting point, template or if you are new to this kind of stuff,
maybe you would learn a thing or two from it.
> My code is probably trash, but hey, it works.
## Features
- auto save and load TODO from cookies
if `index.html` is opened directly from the file system, it may not work due to the browser's security policy.
- add, remove, edit, mark as done and reorder of TODO
- list of completed TODO
- editing of TODO's title
- a sprinkle of animations powered by [gsap](https://gsap.com)
## How to use
### With Docker
you can pull and run image from [Docker Hub](https://hub.docker.com/r/typedelta/simple-todo-list) directly.
```bash
docker run -d -p 8080:8080 --name todo-list typedelta/simple-todo-list
```
### Run it from source
after cloning the repository, you can open `index.html` directly from the file system or use a local server to serve the files.
if you have Visual Studio Code, you can use [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension instead (recommended).