Basic TodoApp REACT.JS

I Make a simple "TodoApp" with React.js.

List of components for this project:

• LocalStorage
• DarkMode
• Add, Edit, Delete, Completed(Check)
• Responsive For Mobile
• PWA - Web Application
• Extention for browser
• Cancel button for edit todo task container
• Custom font for persian language
• swipeable-list - left or right swip for tasks :)
• Auto focuse for input in creat todolist task
• Delete Popup
• Search bar - ex: Search your todo task or something else
• Navbar for completed & not completed (Pending) & all task
• ClearAll Button (Delete all task from localstorage or database)
• Show how many task left over - ex: 2 tasks left
• Get time, day and put in "Creat ToDo Task"
• By default have some task as local storage
• DataBase instead of localstorage
• Signup & Login

Screenshots

Demo

Check working DEMO

Run

npm i && npm start