Todo List App

This is a To Do List App using JavaScript and Webpack. With as goal learning how to apply Object Oriented Programming best practices.

Built With

Javascript
Webpack
HTML
CSS
LocalStorage

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

Git clone https://github.com/Shaqri/todo_app.git
Open the index.html inside the dist folder with your favorite browser
Explore the website

Usage

This to-do list app allows you to create new projects on the left side pane by clicking on the 'Add new project' button, all the projects added will be shown above the add project button.
The to-do form will be shown together with all related todos when a project is clicked, all the related added todos can be marked as 'done' by clicking on the rightmost checkbox in the todo card. All the 'done' to-dos are displayed with a lower opacity to highlight the undone to-dos.
Every added todo can be neither edited or deleted if needed by clicking the 'edit' and 'delete' button respectively.
All the todos added will be shown in the default project called 'All To-Do's' when the app is opened.
LocalStorage is used to save all the data.

Unit Tests

To see all app unit tests just run the 'test' script from the package.json by runnig the following commandline in your terminal(make sure you are inside the project folder):

$npm test

that's it. All unit test will be shown in your terminal whether they fail or not.

Author

👤 Victor Gonzalez

Github: @Shaqri
Twitter: @victorgonbu1
LinkedIn: Victor Gonzalez

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!