https://github.com/anas599/to-do-list
"To-Do List" is a web-based project that was built using webpack. It allows users to create and manage a list of tasks, with the ability to add new tasks and mark them as complete. The tasks are saved in local storage, so they will persist even if the user closes the browser or turns off their computer. The website has a clean and simple interface
https://github.com/anas599/to-do-list
css html javascript webpack
Last synced: 5 months ago
JSON representation
"To-Do List" is a web-based project that was built using webpack. It allows users to create and manage a list of tasks, with the ability to add new tasks and mark them as complete. The tasks are saved in local storage, so they will persist even if the user closes the browser or turns off their computer. The website has a clean and simple interface
- Host: GitHub
- URL: https://github.com/anas599/to-do-list
- Owner: anas599
- License: mit
- Created: 2023-01-16T16:17:00.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-27T13:21:30.000Z (over 3 years ago)
- Last Synced: 2025-04-07T15:52:46.276Z (about 1 year ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 11.5 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# To Do List
To Do List
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- 🎥
Video presenting the features the Project
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- 🚀Live Demo
- [💻 Getting Started](#getting-started)
- [Setup1](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](Anas Sufyan)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ](#faq)
- [📝 License](#license)
# 📖 [To Do List]
Video presenting the features the Project
# 📖 [To Do List]
**[To Do List]** is a mobile and Desktop responsive website to demonstrate my knowledge in HTML/CSS and Javascript, using WebPack
> Describe the tech stack and include only the relevant sections that apply to your project.
Client
> Describe between 1-3 key features of the application.
- **[displaying element dynamically using WebPack]**
- **[Ability to Add or edit any task]**
- **[Ability to change the order of Priority of a task]**
> Add a link to your deployed project.
- [Live Demo Link](https://anas599.github.io/To-Do-List/webpack-demo/dist/)
> Describe how a new developer could make use of your project.
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
### Setup
Clone this repository to your desired folder:
### Install
Install this project with:
Node js
Webpack
### Usage
To run the project, execute the following command:
Clone the Repository to your local machine and open it using Live Server Extension in VS code
Make sure to install Webpack
npm run build
npm start
### Run tests
To run tests, run the following command:
npx eslint .
to check for any eslint errors
### Deployment
You can deploy this project using:
Github Pages or any hosting platforms
> Mention all of the collaborators of this project.
👤 **Anas Sufyan**
- GitHub: [@anas599](https://github.com/anas599)
- Twitter: [@anas599](https://twitter.com/anas599)
- LinkedIn: [anas1993](https://linkedin.com/in/anas1993)
> Describe 1 - 3 features you will add to the project.
- [ ] **[The Ability to add photo]**
- [ ] **[The user can share a link of current list]**
- [ ] **[Adding a rating out of 5 stars of how important task is]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
> please consider supporting it. Every little bit helps and goes a long way towards helping us reach our goals...
>
- **[Question_1]**
- [Answer_1]
- **[Question_2]**
- [Answer_2]
This project is [MIT](./MIT.md) licensed.
_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._