https://github.com/sahar-abdelsamad/to-do-list

To-Do List registers the things that you want to do and improves your productivity. You can add, edit, delete, reorganize, check, and clear tasks. Also, it keeps the list of your daily tasks in the Local Storage.
https://github.com/sahar-abdelsamad/to-do-list

css html javascript webpack

Last synced: 1 day ago
JSON representation

To-Do List registers the things that you want to do and improves your productivity. You can add, edit, delete, reorganize, check, and clear tasks. Also, it keeps the list of your daily tasks in the Local Storage.

• Host: GitHub
• URL: https://github.com/sahar-abdelsamad/to-do-list
• Owner: Sahar-AbdelSamad
• Created: 2022-01-12T14:34:50.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-14T19:49:14.000Z (almost 3 years ago)
• Last Synced: 2024-12-30T16:02:13.724Z (16 days ago)
• Topics: css, html, javascript, webpack
• Language: JavaScript
• Homepage: https://sahar-abdelsamad.github.io/To-do-list/
• Size: 732 KB
• Stars: 16
• 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

> "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 website is built using ES6 and Webpack!

## Below is a PNG showing the app

![PNG](./Screenshot.png)

## Live Demo

You can see [the app live here](https://sahar-abdelsamad.github.io/To-do-list/)

## Built With

- HTML, CSS, JavaScript, Webpack.

## To get a local copy up and running follow these simple example steps.

### Setup

Clone the repository using `git clone` and pasting the following link [[email protected]:Sahar-AbdelSamad/To-do-list.git]([email protected]:Sahar-AbdelSamad/To-do-list.git). Clone it in your desired location on your computer.

### Install

Run the command `npm install` to install all project's dependencies.

### Deployment

Run `npm run build` to get the dist folder with the HTML and JS files in it

Run the command line `npm start`, the basic template will automatically open the index.html file in a browser.

Distribution files are generated by webpack and served by webpack dev server from /dist folder.

## Authors

👤 **Sahar Abdel Samad**

- GitHub: [@sahar-abdelsamad](https://github.com/Sahar-AbdelSamad)

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

- LinkedIn: [sahar-abdel-samad](https://www.linkedin.com/in/sahar-abdel-samad/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Sahar-AbdelSamad/To-do-list/issues).

## Show your support

Give a ⭐️ if you like this project!