TODO LIST PROJECT

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 [Todo List PROJECT]

[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

Tech Stack

Client

• HTML5
• CSS3
• Modern JavaScript ES6 modules

Server

• n/a

Database

• n/a

Key Features

• [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]

(back to top)

🚀 Live Demo

LIVE DEMO

(back to top)

💻 Getting Started

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

(back to top)

👥 Authors

👤 Bahati zirimwabagabo

• GitHub: zbahati
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [Creating complete project using this folder]
• [Add other plugin that will help us in development]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

show me your support by following me on github and giving me a star please .

(back to top)

🙏 Acknowledgments

I would like to thank Microverse for guidance and support in this project and always.

(back to top)

(back to top)

📝 License

This project is MIT licensed.

(back to top)