/to-do-list

A To-Do List built only with JavaScript. Data manipulation, module import and export, webpack and more was used to built this app.

Primary LanguageJavaScriptMIT LicenseMIT

To-Do List

To-Do List

This is a simple to-do list application built with JS, HTML, and CSS using webpack and linters.

Built With

  • HTML5, CSS3 and JavaScript
  • Technologies used: linters to check code style and code review, webpack to bundle and minify the code.

Live Demo

Live Demo

Prerequisites

If you wish to run the project locally, please do the following:

1.- Install Node.js and npm if you haven't already. To install Node.js, follow the instructions on Node.js.

To install npm, run the following command in your terminal:

npm install -g npm

2.- Install webpack and linters. To install webpack, run the following command in your terminal:

npm install -g webpack

or follow the instructions on webpack. To install linters, run the following command in your terminal:

npm install -g eslint
npm install -g stylelint
npm install -g webhint

or follow the instructions on eslint, stylelint, and webhint.

Also you can clone the repository and most of the jobs will be done for you.

Once you have the setup and the project locally, you can run the project using the following command in your terminal:

npm run build

and if you want to watch the changes live, run the following command:

npm start

also you can run npm run watch to make webpack watch the changes and rebuild the project without having to run the build command again.

Tests

If you want to run the tests, do the following: 1.- Install Node.js and npm if you haven't already. Or you can use yarn if you prefer.

2.- Install Jest using npm or yarn. You can check here how to do it: Jest.

3.- Run npm test or yarn test to run the tests.

Or

You can run git clone https://github.com/Lordkaito/to-do-list.git to clone the repository and avoid all the installation steps because tests are set as a dependency.

Enjoy!

👤 Author1

Show your support

Give a ⭐️ if you like this project!

📝 License

The MIT License (MIT)