/Todo-List

A simple web application that allows you to add tasks, edit, filter and delete completed tasks. The web app was built using Webpack and ES6 modules

Primary LanguageJavaScript

TO DO LIST

📗 Table of Contents

📖 [TO DO LIST: Use of Javascript webpack]

This project is designed to help us understand JavaScript webpack and how to utilize it and bundle js files.

🛠 Built With

Tech Stack

  • HTML-5
  • CSS3
  • Linters
  • Javascript
  • webpack
Client

Key Features

Key features of the application.

  • Fast and Optimized by Webpack

(back to top)

💻 Getting Started

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

Prerequisites

  • An IDE (Intergrated Development Environment ) such as vsode or atom
  • A version control system such as git
  • Node

Setup

  1. Clone the Repo with:
git clone https://github.com/H-Ramalan/TODO-LIST.git
  1. switch to the cloned directory
cd TODO-LIST

Installation

  1. Install the project with it's depenedcies
  cd To-Do-List-App
  npm install

Then open the live server or open the index.html file with your browser

Usage

  • this is the capstone project I'll use to publicize the Show.

Run tests

To run tests, run the following command:

  • To run tests run :
  • npx hint .
  • npx stylelint "*/.{css,scss}"
  • npx eslint .

To build the webpack bundle you can run this command

  npm run build

Deployment

You can deploy this on your local dev server

  npm run start

Once success it will automaticly running, you should see your application working at: http://localhost:8080/. Every change you make in js or css files now should be reflected in a browser a few seconds later.

(back to top)

👥 Authors

👤 Hamza Ramalan

(back to top)

🔭 Future Features

Features to be added:

  • [Add and remove tasks]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

I'd like to acknowledge and appreciate my coding and learning partner for their input in the project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)