https://github.com/prangonghose/to-do-list
A simple website to add and manage daily tasks. Users can add, mark as completed, and remove any job using this single-page app. Built with HTML, CSS, JavaScript, and Webpack bundler..
https://github.com/prangonghose/to-do-list
css javascript webpack
Last synced: 3 months ago
JSON representation
A simple website to add and manage daily tasks. Users can add, mark as completed, and remove any job using this single-page app. Built with HTML, CSS, JavaScript, and Webpack bundler..
- Host: GitHub
- URL: https://github.com/prangonghose/to-do-list
- Owner: PrangonGhose
- License: mit
- Created: 2022-12-07T20:33:27.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-12-15T23:27:13.000Z (over 3 years ago)
- Last Synced: 2025-03-29T01:28:38.938Z (over 1 year ago)
- Topics: css, javascript, webpack
- Language: JavaScript
- Homepage: https://prangonghose.github.io/To-do-list/dist/
- Size: 314 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
To Do List Project
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [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](#faq)
- [📝 License](#license)
# 📖 Project Name
#### To Do List Project
- HTML, CSS, and JavaScript
> Describe between 1-3 key features of the application.
- Project with webpack.
- Used HTML Webpack Plugin to generate HTML files.
- Array of simple tasks is used to populate the HTML.
- Function to iterate over tasks to populate HTML according to task index order.
- Dynamically generate list tasks.
- Styling used following template.
- Code is created in src folder and dist folder is generated automatically.
## 🚀 Live Demo
The live demo of the app can be found [here](https://prangonghose.github.io/To-do-list/dist/).
## 💻 Getting Started
To clone the repository in local environment try following steps.
### Prerequisites
- [x] A web browser like Google Chrome.
- [x] A code editor like Visual Studio Code with Git and Node.js.
You can check if Git is installed by running the following command in the terminal.
```
$ git --version
```
Likewise for Node.js and npm for package installation.
```
$ node --version && npm --version
```
### Setup
Clone the repository using [this link](https://github.com/PrangonGhose/To-do-list.git)
### Install
In the terminal, go to your file directory and run this command.
```
$ git clone https://github.com/PrangonGhose/To-do-list.git
```
### Get into development
In the terminal, run these commands to get into development.
```
$ cd To-do-list
$ npm init -y
$ npm install webpack webpack-cli --save-dev
$ npm install --save-dev html-webpack-plugin
$ npm install --save-dev style-loader css-loader
```
### Usage
This website is applicable for both mobile and desktop version.
### Run tests
### Deployment
👤 **Prangon Ghose**
- GitHub: [@PrangonGhose](https://github.com/PrangonGhose)
- [ ] **Styling of the webpage**
- [ ] **Animation to add or remove functionality**
- [ ] **Adding responsiveness**
Contributions, issues, and feature requests are welcome! Add suggestions by opening new issues.
Feel free to check the [issues page](../../issues/).
Give a ⭐️ if you like this project!
I would like to thank:
- [Microverse](https://www.microverse.org/)
- Code Reviewers
- Coding Partners
This project is [MIT](./LICENSE) licensed.