https://github.com/zbahati/todo-list
"Advanced Todo List with Webpack: A professional and performance-focused Todo list project implemented using Webpack, ensuring optimal development and production performance. Leveraging modular architecture and following best practices with ES6, this project offers a comprehensive and efficient task management solution."
https://github.com/zbahati/todo-list
css html javascript webpack
Last synced: 3 months ago
JSON representation
"Advanced Todo List with Webpack: A professional and performance-focused Todo list project implemented using Webpack, ensuring optimal development and production performance. Leveraging modular architecture and following best practices with ES6, this project offers a comprehensive and efficient task management solution."
- Host: GitHub
- URL: https://github.com/zbahati/todo-list
- Owner: zbahati
- License: mit
- Created: 2023-05-09T05:39:08.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-18T15:22:13.000Z (about 3 years ago)
- Last Synced: 2025-10-08T21:57:04.585Z (9 months ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage: https://zbahati.github.io/Todo-list/
- Size: 431 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: license.md
Awesome Lists containing this project
README
TODO LIST PROJECT
# 📗 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)
**[WEBPACK Project]**
The Todo list with Webpack installed in it for the better performance while in develpment even in production mode, because all functionality are emprimented in here. This Todo list is anAdvanced one that Working with Modules for file enterchangable and best practice in using ES6.
## 🛠 Built With
Client
Server
Database
- **[initialize folder with npm ]**
- **[working with webpack]**
- **[add dev-server using webpack to watch changes ]**
- **[add webpack.config.js that helps to make some configuration to the project]**
- **[add css-loader package]**
- **[Add to list to the List ]**
- **[Remove to Item to the List ]**
- **[Save The list to the local storage ]**
- **[Update the list from local storage]**
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- you need a laptop.
- you need github installed on it.
- You need a basic knowledge of Html and Css and JavaScript
### Setup
Clone this repository to your desired folder:
- cd my-folder
- git clone https://github.com/zbahati/Webpack-setup.git
### Install
Install this project with:
- cd my-project
- npm install .
### Usage
make sure that you have node installed in your local machine so that you can get access of using npm command.
After creating the cloning this repo,open it into vs code or your prefered IDE and then open you terminal to run this command
npm start : this command will start webpack dev-server that will watch any change made in dist folder so that it can reflect to the browser without reflesh the page.
### Run tests
To run tests, run the following command:
- webpack have the linters test so that with you run npm start and have error will show you where the error is and then before continue fix it.
### Deployment
You can deploy this project using: github page's
👤 **Bahati zirimwabagabo**
- GitHub: [zbahati](https://github.com/zbahati)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/zirimwabagabo-bahati)
- [ ] **[Creating complete project using this folder]**
- [ ] **[Add other plugin that will help us in development]**
Contributions, issues, and feature requests are welcome!
show me your support by following me on github and giving me a star please .
I would like to thank Microverse for guidance and support in this project and always.