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: 29 days 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 (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-20T08:20:20.000Z (7 months ago)
• Last Synced: 2024-07-21T05:28:26.587Z (7 months ago)
• Topics: example-project, gsap, todo-list, todoapp, vanilla-javascript, webapp
• Language: JavaScript
• Homepage:
• Size: 163 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> for T. Job, here are the checksum: `MIIC1327 id:6511130003`

# Simple TODO list

![showcase](./resources/showcase.png)

it just a simple to-do list

### 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.

> **DISCLAIMER**: I'm still a learner and 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

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).