Feel free to give it a start ๐
- Fully responsive
- Dark-light mode
- Stunning design
- PWA ready
- Delete task
- Add the task
- Edit the task
- Mark the task as done
- Mark the task as undone
- Reset all the tasks
- Reverse the order of the tasks
Take a look at the live project deployed on Netlify
DESKTOP --------------------------------------------------------------------------
![](https://private-user-images.githubusercontent.com/79264045/270746403-9bf22516-c94a-4968-aa63-acede22b8a1e.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0MDU2NDIsIm5iZiI6MTcyNTQwNTM0MiwicGF0aCI6Ii83OTI2NDA0NS8yNzA3NDY0MDMtOWJmMjI1MTYtYzk0YS00OTY4LWFhNjMtYWNlZGUyMmI4YTFlLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAzVDIzMTU0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQxNTJiNTQ0MmUyN2JmM2NlOTY3YTk2YjUxYTRkZjRlZDU4ODQ3YjQ3MTE3MGRmMmI3Y2RjZjBkZGM2YjRhZjQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.m8QOe0bxkGP5eoQuH5sGAMJ96rgVHYAL2jaW07qHi7Q)
Mobile --------------------------------------------------------------------------
![](https://private-user-images.githubusercontent.com/79264045/270746422-b1781f97-3cc8-44a7-a4fa-b8f126d4937f.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0MDU2NDIsIm5iZiI6MTcyNTQwNTM0MiwicGF0aCI6Ii83OTI2NDA0NS8yNzA3NDY0MjItYjE3ODFmOTctM2NjOC00NGE3LWE0ZmEtYjhmMTI2ZDQ5MzdmLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAzVDIzMTU0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNhNWU4ZWFiMDkyMjc2MjU5NzUyNWMzZTE0ODgxNjI2MDIyMjIyMTliN2IxYmJmZDgzOWRjM2NiMDllZjIzN2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.R-CCvYWA7KtINJp0k0LDzNhT_cfxzPxnspQ1GdyIQWo)
![](https://private-user-images.githubusercontent.com/79264045/270746587-2bdd847a-2f91-42b9-bb9d-29c07fe7f354.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0MDU2NDIsIm5iZiI6MTcyNTQwNTM0MiwicGF0aCI6Ii83OTI2NDA0NS8yNzA3NDY1ODctMmJkZDg0N2EtMmY5MS00MmI5LWJiOWQtMjljMDdmZTdmMzU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAzVDIzMTU0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJkY2MzZGY1ZTQyOGU0MDlkNmZhYmFjYTc0MDBmODYyZjhlNzlhNGQ3MTMyNmQ5OWIwMzMyMGE1MTMzZTZhYmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.LY3XshYfWuMLCHk0KwQhjQzVu5XBfYN2GlHLKuJdRR4)
![](https://private-user-images.githubusercontent.com/79264045/270746859-1de0fb8f-705f-48ff-8d0b-57321320ac96.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU0MDU2NDIsIm5iZiI6MTcyNTQwNTM0MiwicGF0aCI6Ii83OTI2NDA0NS8yNzA3NDY4NTktMWRlMGZiOGYtNzA1Zi00OGZmLThkMGItNTczMjEzMjBhYzk2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTAzVDIzMTU0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU3OWUwN2RkN2Q5YTk1YjA0ZDY1ODU3MzcxZGQ3NGFmZGFhOWZmMjNiZmJmYTAwMmVhNTBjYTk5OGRlYjkwNDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.MUaBx3pupJGyGgiEY25MvUHBA-jBk9hsOjn_395jcFA)
Title: ๐๏ธ Introducing our TypeScript Todo App, where productivity meets innovation!
โจ Features That Empower Your Day:
๐ Light & Dark Mode: Tailor your experience with ease. Switch between light and dark modes for a visually pleasing and comfortable working environment.
๐ LocalStorage Superpowers: Your tasks are safe! We've harnessed the magic of localStorage to preserve your task list, even after reloading the app.
๐ Task Management Mastery: Take control with a range of powerful functionalities: Add, Edit, Delete, Undo Delete, Mark as Done, Unmark Done, Reverse Tasks, and Undone All Tasks.
๐ Material Design Aesthetics: We've embraced the principles of Material Design, offering a sleek and stylish interface that's as functional as it is beautiful.
๐ Blazing Fast: Experience lightning-speed task management, ensuring you stay focused on what matters most.
๐ฆ PWA Ready: Elevate your experience with PWA capabilities. Install the app as a shortcut on your mobile or desktop for instant access.
๐จ Box Icons & Stunning UI: We've adorned your task manager with elegant Box Icons, and our UI/UX design guarantees a delightful and intuitive experience.
Ready to reclaim your productivity? Dive into the world of organized tasks! Clone this repository, follow our setup instructions in the documentation, and start conquering your to-do list like a pro!
๐ Achieve more with our TypeScript Todo App. Your tasks, your way! ๐
Provided step-by-step instructions on how to install and run this project locally.
# Clone the repository
git clone https://github.com/Sky-De/TypeScript-ToDoApp
# Change directory
cd your-repo-name
# Install dependencies
npm install
# Run the project
npm run start
skyDe