Implementation of simple todo list from The Odin Project using JavaScript, HTML and CSS.

Live preview of the project is available here.

• you can create or remove projects
• you can create, modify or remove tasks
• you can sort tasks by date ascending and descending in every context
• you can complete or undo completed tasks
• you can switch between projects or move tasks to other projects
• you can change page's mode to dark mode with toggle on the side
• you can search for tasks by title or description with search bar
• there are errors alerts if no input is provided or if inputted object already exists
• responsive design: Todo list is functional on desktop and mobile web browsers
• if there is no initial data, default project and tasks are generated taking into account current date
• all projects and tasks are saved in localStorage

• deepened knowledge of DOM manipulation
• improved understanding of scope and closures
• learned how to use in practice array methods like filter(), find(), every(), some()
• learned how to use Font Awesome Icons
• learned about dates in JavaScript with help of this article
• learned how to use external libraries with webpack and npm
• learned how to use date-fns library to format, create and sort dates
• learned how to better implement changing theme of page with use of custom data attributes
• learned a lot about ESLint, Prettier and Airbnb JavaScript Style Guide
• learned how to investigate localStorage with developer tools in Chrome and Firefox

• Visual Studio Code
• Linux terminal
• npm
• webpack
• Git and GitHub
• ESLint + Prettier + Airbnb JavaScript Style Guide

• Google Fonts
• Font Awesome Icons
• date-fns