https://github.com/iambasilp/todolistapp

Todo List With Local Storage Using Html Css And| Javascript | Todo List Using Javascript
https://github.com/iambasilp/todolistapp

css dom-manipulation fontawsome html javascript localstorage

Last synced: about 11 hours ago
JSON representation

Todo List With Local Storage Using Html Css And| Javascript | Todo List Using Javascript

• Host: GitHub
• URL: https://github.com/iambasilp/todolistapp
• Owner: iambasilp
• Created: 2022-09-17T14:35:10.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-26T08:47:38.000Z (about 2 years ago)
• Last Synced: 2023-03-10T06:13:38.838Z (over 1 year ago)
• Topics: css, dom-manipulation, fontawsome, html, javascript, localstorage
• Language: JavaScript
• Homepage: https://iambasilp.github.io/TodolistApp/
• Size: 1.14 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Javascript next Todo App

Todo List With Local Storage Using Html Css And| Javascript | Todo List Using Javascript

## Preview

![To-Do List App](./images/nexttodo.png)

## 🛠 Skills to do

Javascript, HTML, CSS, Git...

## Features

- [x] Show tasks list

- [x] Add new task

- [x] Complete task

- [x] Delete task

- [x] Edit task

- [x] Clear all tasks

- [x] Clear complete tasks

- [x] Save on local storage

- [x] Current Time show

- [x] Show message if not task

- [x] Custom scrollbar

- [x] Responsivity

## Run Locally

Clone the project

```bash

  git clone https://link-to-project

```

Create a new branch and checkout to

```bash

  git branch new_branch -b checkout

```

Go to the project directory

```bash

  cd Project_name

```

## Conclusion

Along this App, i successfully built a todo list app that allows a user to add new tasks, mark a task as completed and delete old ones. We also discussed the importance of accounting for empty states when designing an application, then proceeded to talk about a potential problem when using the :empty selector and how to fix it.

Finally, discussed persisting the application state to the browser’s localStorage and how to get around its limitations using JSON.stringify and JSON.parse.

## Support

For support, email [email protected]

## Authors

- [@iambasilp](https://www.github.com/iambasilp)