This is the fourth project in the second module in the Microverse program.
Check the below contents for further details about this project.
This project is a simple task management app with ES6 modules and bundled with WebPack.
All project files are contained in src directory.
Also config linters for (HTML / CSS3 / JavaScript) in the .github folder.
📌 Live Demo:
- See the project live from here.
📌 Tech Stack:
- Page strucutre is built with
HTML5 - Styling is built with
CSS3 - Dynamic content is built with
JavaScript
📌 Key Features:
- Responsive layout for all screens
- Tasks list is loaded dynamically
- Clear all completed tasks
- All tasks are locally stored
- Mark any task for completion
- Organize tasks by drag & drop
- Hover effect for icons & buttons
- Refresh & reload list from storage
- Edit any task by clicking on it & typing
- Manually remove any task when higlighted
- Add new tasks with maximum of 50 charaters
You can easily download or fork this repository and work on it immadiately!
📌 Prerequisites:
NodeJSfor installing & running all packages
📌 Setup:
- Install all dependencies with
npm - For live development on
localhost:8080run:
npm run start
📌 Deployment:
- You can deploy this project by uploading files in the
distfolder to a live server. - Create the distribution build using this command:
npm run build
📌 Mahammad:
Some additional features I may implement in the project:
- Using
CSSpreprocessors and their relevant loaders - Implement two
WebPackconfigurations for production & development
Wish to contribute to this project?
Contributions, issues, and feature requests are more than welcome!
Feel free to check the issues page too.
Like this project? Show your support by starring!
I thank everyone at Microverse for guiding me through this project.
This project is MIT licensed.