🗺️ To-Do-list 🗺️

# 📗 Table of Contents

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

📖 [To-Do-list ]

in this PRoject, the To-Do-List project was to learn and master webpack as a module bundler for improved development and deployment. By utilizing webpack, the project aimed to enhance the organization and efficiency of JavaScript modules, CSS files in this project.

[To-Do-list]

🛠 Built With

Tech Stack

HTML, CSS and javaScript

🚀 Live Demo

Link to Live Demo

Key Features

• Use webpack as a module bundler
• Setting up HtmlWebpackPlugin
• Follow web best practice
• Use CSS Flexbox and Grid

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need: -Vscode

• npm
• Node.js
• Terminal
• Code editor
• Linters files
• Flexbox
• WebPack

Example command:

  npx stylelint "**/*.{css,scss}"

Setup

Clone this repository to your desired folder:

Example commands:

  cd my-folder
  git clone https://github.com/melkamu12/To-Do-List.git

Install

Install this project with:

Example command:

 - npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
  - npm install webpack webpack-cli --save-dev

Usage

To run the project, execute the following command:

Example command:

  npm init -y

Open terminal on the same directory of project

write "npm start"

open http://localhost:3000/ in browser

Run tests

To run tests, run the following command:

• Track HTML linter errors run: npx hint .
• Track CSS linter errors run: npx stylelint "**/*.{css,scss}"
• Track JavaScript linter errors run: npx eslint .
• To build, run the following:

npm run build

webpack development server

Run the following:

npm start

👥 Authors

👤 Melkamu Alemawu

• GitHub: @melkamu12
• LinkedIn: melkamu-almawu

👤 Asum Victor

• GitHub: @AsumVictor
• LinkedIn: Victorasumdev

(back to top)

Future Features

• [Adding react]

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project clone on your project working space

(back to top)

🙏 Acknowledgments

• I would like to express my gratitude to microverse for the training.

(back to top)

📝 License

This project is MIT licensed.

(back to top)