https://github.com/omar-muhamad/todo-list

This is a Webpack Project about TO-DO list which you can add your to-dos, edit them, add mark 'em as completed.
https://github.com/omar-muhamad/todo-list

css3 html5 javascript webpack

Last synced: about 2 months ago
JSON representation

This is a Webpack Project about TO-DO list which you can add your to-dos, edit them, add mark 'em as completed.

• Host: GitHub
• URL: https://github.com/omar-muhamad/todo-list
• Owner: Omar-Muhamad
• Created: 2021-12-01T15:51:55.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-18T21:05:25.000Z (about 3 years ago)
• Last Synced: 2023-03-09T05:41:56.901Z (almost 2 years ago)
• Topics: css3, html5, javascript, webpack
• Language: JavaScript
• Homepage:
• Size: 7.87 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

# ToDo List

**This is a Webpack Project about TO-DO list which you can add your to-dos, edit them, add mark 'em as completed**

**What I did in this project:**

  1. Setup webpack.

  2. Make webpack generate files auto. on /dist directory.

  3. Make list structure with styling.

  4. Add list data dynamically from the data array.

  5. Add linters files and fix its errors.

# Site Live Demo

[Live Demo Link](https://omar-muhamad.github.io/ToDo-List/dist/)

# Site Screenshots

![screenshot](Screenshot.png)

## Built With

- HTML.

- CSS.

- Webpack.

- JavaScript.

- Linters.

## How to run locally:

1. Clone the project using git-bash or Githup Desktop.

2. Open the project folder with VSCode or any Editor.

3. Open index.html file and open with live server.

4. If you don't have live server extension install it

   or open index.html manually from your file explorer.

## Authors

👤 **Omar Muhammad**

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

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

- LinkedIn: [@eng-omarmuhammad](https://www.linkedin.com/in/eng-omarmuhammad/)

## Show your support

Give a ⭐️ if you like this project!