altafshaikh / persistence-todo-app

This is a Todo App I have created from scratch using HTML, CSS, and Javascript.

Todo App

This is a Todo App I have created from scratch using HTML, CSS, and Javascript.

Getting Started

ToDo App is simple and awesome app to organize your tasks with very easy to use interface. ToDo can help you to make list of your tasks

• create a Task and displays to the user
• check mark the completed task
• delete the task

Additional Features

1. Fully Mobile Responsive App
2. data is persistence
3. user can filter the todos: All, Completed, Uncompleted

Prerequisites

You need to have a basic knowledge of HTML, CSS and JavaScript, variables, arrays, functions and objects under your belt. Additionally, you need to have Git, VScode text editor installed on your computer.

VS code Extension

• Live server to run the project. Click here to see download instructions and how to use live server to tun the project

Sample Working

Downloading and Running this Project Locally

1. clone the repository using below command

git clone https://github.com/altafshaikh/persistence-todo-app.git

2. And run the index.html using Live server

Deployment

To Host the Project I had used Github Pages. To learn more visit her

Live Demo of this Project

Live Working

References

• Buildinga persistance to do app
• user input validation and sanitizing user input
• JS Event Listener
• browser local Strorage
• css transition
• JS Modules
• JS Dom Manipulation

Author

• Altaf Shaikh - work by - altafshaikh

License

This project is licensed under the MIT License - see the LICENSE.md file for details