https://github.com/adeola003/to_do_list_webpack
This is a basic To do list app to add and remove tasks, built dynamically using HTML CSS and Javascript. Tests are also implemented to check the functionalities.
https://github.com/adeola003/to_do_list_webpack
css javascript jest webpack
Last synced: 9 months ago
JSON representation
This is a basic To do list app to add and remove tasks, built dynamically using HTML CSS and Javascript. Tests are also implemented to check the functionalities.
- Host: GitHub
- URL: https://github.com/adeola003/to_do_list_webpack
- Owner: adeola003
- License: mit
- Created: 2023-03-30T06:44:52.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-08T14:35:41.000Z (about 3 years ago)
- Last Synced: 2025-04-04T17:47:29.311Z (about 1 year ago)
- Topics: css, javascript, jest, webpack
- Language: JavaScript
- Homepage:
- Size: 240 KB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
To do list
# 📗 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)
**[To_do_list]** This project is basic website that allows users to add/remove tasks from a to do from a list and used the webpack technology.
Client
- [x] Create a collection that keeps a list of tasks
- [x] Display all tasks saved in the collection in the top part of the page.
- [x] Used webpack technology.
- [https://adeola003.github.io/To_do_list_webpack/](#)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
Open terminal on the same folder of the project and run:
```sh
npm install
```
### Setup
Clone this repository to your desired folder:
```sh
git https://github.com/adeola003/To_do_list_webpack.git
cd To_do_list_webpack
```
### Install
Install this project with:
```sh
npm install
```
### Usage
```
1. download the project from clone
2. open live server for the project
3. You can see it in the browser
```
### Build for production
```
npm run build
```
### Run tests
- ### Linter Tests
To run tests, run the following command:
To check for html errors run:
```sh
npx hint .
```
To check for css errors run:
```sh
npx stylelint "**/*.{css,scss}"
```
To check for js errors run:
```sh
npx eslint .
```
👤 **Abdel-Khafid SALAOU**
- GitHub: [@githubhandle](https://github.com/adeola003)
- Twitter: [@twitterhandle](https://twitter.com/khadaf6)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/abdel-khafid-salaou-a18396161)
- [x] Add test to the project using jest
- [x] Add the live demo for the project
- [x] Add new some features to the project
Contributions, issues, and feature requests are welcome!
Feel free to check the [issue page](https://github.com/adeola003/To_do_list_webpack/issues).
If you like this feel free to follow me on github and give this project a star..
- Thanks to the Microverse team for the great curriculum.
- Thanks to the Code Reviewer(s) for the insightful feedbacks.
- Hat tip to anyone whose code was used.
This project is [MIT](./LICENSE.md) licensed.