This is the fourth module project set up To Do list structure using ES6 and webpack handler. The project is done using Vanilla javascript and HTML as well as css. In this project, It has been implementd the CRUD (create, read, update, delete) methods. All the elements of the user interface are fully functional and application is completed.
[To Do list structure] is the main part of javascript project which inluded how to use webpack and ES6.
The main tech stack and included to apply to this project are:
This project has the following features
Find the deployment link the live demo.
To get a local copy up and running, follow these steps.
In order to run this project you need: Open terminal on the same folder of the project and run:
npm installInitialize npm install webpack loaclly, and install the webpack-cli
npm install webpack webpack-cli --save-devsetting up HtmlWebpackPlugin
npm install --save-dev html-webpack-pluginTo build and run the project from /src to /dist use
npm run buildTo run the project automatically loading up the page use
npm startClone this repository to your desired folder:
cd my-folder
git clone https://github.com/brhanuhailu/to-Do-list.gitInstall this project with:
cd To-Do-List
npm installTo run the project, open index.html in /dist directory with browser
To run tests, run the following command:
To check for html errors run:
npx hint .To check for css errors run:
npx stylelint "**/*.{css,scss}"To check for js errors run:
npx eslint .Deployed using Github Pages.
👤 Brhanu Hailu
Add function for Clear all list.
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
I am so excited to accept you feedback to improve my profession.
If you like this project like it.
we would like to thank Microverse organization
This project is MIT licensed. (Check the LICENSE file)