A todo list app with local storage.
The main purpose of this project is to learn OOP and SOLID principles, which have been applied to some extent.
The App should be easy to use and navigate.
- Add, delete and edit projects and tasks
- Each task has name, completion status, project and due-date
- Create new projects and choose which project their todos go into
- Toggle between light and dark theme
- Changes are saved to localStorage
- Responsive for mobile
- HTML
- CSS
- Vanilla JS
- Shoelace for UI
- Webpack
- ESLint + Airbnb JavaScript Style Guide
- Prettier
-
Clone the repo
-
Install the required dependencies by using:
npm install -
Start the Dev server:
npm start -
Distribution files can be produced using:
npm run build
Some very useful articles that helped me in this project
How to Create and Manipulate DOM Nodes in Vanilla JS
How to Create and Update Lists in Vanilla JS
The Model-View-Controller (MVC) Architecture