This task manager developed with HTML, SCSS, and pure JavaScript (Vanilla JS), and I tried to do the best practices and generate clean codes as much as I could. I believe the project will be helpful and informative for the junior and mid-level front-end developers or everyone who wants to learn JavaScript and want to have a deeper understanding of it. Also, I tried to change the elements in the page, like React and other client-side rendering frameworks that can re-render screens without any reloading. So, This project can give a good understanding of how the client-side rendering frameworks work. If you like, you can cooperate in developing this project and adding new features or refactoring codes. Don't forget give star :)
Click here to watching demo
The project has a stable mode and, tested many times. It can use for persons and teams. Just be careful about the storage space! All tasks are storing in the store of your browser and, there is no other storage. If you have some sensitive tasks, please have a backup of them in any other place or be careful not to delete your task manager page's history or cache.
It's a minimal tool, but contains these features:
- Adding Tasks
- Removing Tasks
- Changing the column of tasks using drag and drop
- Changing the column of tasks using the green selectbox of them
- Change the priority of tasks using the yellow selectbox of them
- Responsive design
- Detect duplicate tasks
- Client side rendering like React and Vue
- Storing tasks in the browser
You have 2 easy ways for using it:
- Use it here: https://todo.jafari.dev
- Download sources and open <index.html> in the browser