https://github.com/benmukebo/js-best-practices

https://github.com/benmukebo/js-best-practices

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/benmukebo/js-best-practices
• Owner: BenMukebo
• Created: 2021-09-28T05:06:17.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-09-28T12:57:29.000Z (over 3 years ago)
• Last Synced: 2024-11-09T10:18:09.173Z (2 months ago)
• Language: JavaScript
• Size: 141 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# To Do List

## Description

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete.

- This is the page view:

> | To Do List |

> |-------------------|

> | ![Screenshot1](https://user-images.githubusercontent.com/79058364/134364133-16b1160b-8975-4820-a3d7-ebe8acd72db0.png)| 

> Learning objectives: 

- Use webpack to bundle JavaScript.

- Learn how to use proper ES6 syntax.

- Use ES6 modules to write modular JavaScript.

## Built With

- HTML

- CSS

- Java Script

## Live Demo

[Link](https://benmukebo.github.io/To_Do_List/dist/)

## Getting Started

To get the content of this project locally you need to run this command in your terminal:

  - `https://github.com/BenMukebo/To_Do_List`

### Setup

- To clone the repository run this command `git clone https://github.com/BenMukebo/To_Do_List`

## Test

For tracking linter errors locally you need to follow these steps:

- After cloning the project you need to run this command

  > npm install

   `This command will download all the dependencies of the project`

- For tracking the linter errors in HTML file run:

  > npx hint .

- For tracking the linter errors in CSS file run:

  > npx stylelint "**/*.{css,scss}"

  - And For tracking the linter errors in JavaScript file run:

  > npx eslint .

  - Use `npm run build` to run the app in live server

  

  - Install `npm install --save-dev webpack-dev-server` to have the ability to use live reloading.

  

  - Then Run from the command line `npm start`  to will see the browser automatically loading up our page. 

## Author

👤 **Kasongo Mukebo Ben**

- GitHub: [@BenMukebo](https://github.com/BenMukebo)

- Twitter: [@BenMukebo](https://twitter.com/BenMukebo)

- LinkedIn: [Kasongo Mukebo Ben](https://www.linkedin.com/in/kasongo-mukebo-ben-591720205/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/BenMukebo/Personal_Portfolio.git/issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Thanks to My coding Partners 

- Thanks to Code Reviewers

## 📝 License

This project is MIT licensed.