Todo App

Objective

Build a Todo app using JavaScript.

What am i use in this project ?

• Capturing method in JS DOM,
• Locale storage for saving todo id's, text's and isDone tag
• Keydown event and its code property,
• createElement and appendChild methods to add new element inside of our HTML Document,
• setTimeout for creating a transition element with a delay,
• Alert to send user some messages if something wents wrong,
• parentElement, firstElementChild, previous-nextElementSibling etc. to navigate between nodes,
• Confirm property to interact with the user,
• ClassList property and its methods to add and remove some classes of elements. -->

Project Link

You can reach my To-Do app from here

At the end of the project, following topics are to be covered;

• HTML
• CSS
• JS
• Bootstrap5
• Font-Awesome

Project Skeleton

javascript-todo-app (folder)
|── README.md
SOLUTION 
├── css
│    └── style.css
├── js
│    └── app.js  
│     
└── index.html

Installation

$ git clone https://github.com/esadakman/javascript-todo-app.git
$ cd javascript-todo-app

Preview of the Project