https://github.com/ashmalzahra/webpack-project-todo-list
This is a simple website buit using ES6 Syntax and Webpack of a "To-do list" 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.
https://github.com/ashmalzahra/webpack-project-todo-list
best-practices es6-javascript-components es6-modules html-css javascript webpack
Last synced: 5 months ago
JSON representation
This is a simple website buit using ES6 Syntax and Webpack of a "To-do list" 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.
- Host: GitHub
- URL: https://github.com/ashmalzahra/webpack-project-todo-list
- Owner: ashmalzahra
- License: mit
- Created: 2023-01-18T16:29:51.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-04-13T22:27:25.000Z (over 2 years ago)
- Last Synced: 2025-05-08T02:15:35.485Z (5 months ago)
- Topics: best-practices, es6-javascript-components, es6-modules, html-css, javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 8.64 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
In this project, a simple HTML list of To Do tasks has been built using webpack and served by a webpack dev server.
## Built With
- HTML, CSS, JavaScript
- VSCode
- Webpack
Client
Server
Database
- **[Git Flow]**
- **[Good HTML, CSS and JS practices]**
- **[ES6, modules]**
### Live Link
- [Live Link](https://ashmalzahra.github.io/Webpack-Project-toDO-list/dist/)
Clone this repository to get started with the project, make sure to configure linters by following the instructions in the [Linters README file](https://github.com/microverseinc/linters-config/blob/master/README.md)
### Prerequisites
In order to run this project you need:
- A working computer.
- Connection to internet.
### Setup
- Clone the folder to your local machine.
- Open the index.html file in your browser.
### Run tests
- After pushing the changes on github, merge your pull request and let github action process changes and fix errors, if any.
- For stylelint errors run:sudo npx stylelint "**/*.{css,scss}" --fix for automatic fix.
### Usage
To run the project, execute the following command:
- Go to the file called index.html.
- Right click Open Live Server.
👤 **Ashmal Zahra**
- GitHub: [@ashmalzahra](https://github.com/ashmalzahra)
- Twitter: [@AshmalZahraa](https://twitter.com/AshmalZahraa)
- LinkedIn: [ashmal-zahra](https://www.linkedin.com/in/ashmal-zahra)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/ashmalzahra/Webpack-project-toDo-list/issues).
Give a ⭐️ if you like this project!
I would like to thank Microverse for the information provided to build this project.
- **Can I use the project for any purpose?**
- Yes, you can.
- **Is the information saved in any database?**
- No, all data is saved in Local Storage.
This project is [MIT](./LICENSE) licensed.