Webpack-Project-toDO-list

This is a simple website buit using ES6 Syntax and Webpack of a "To-do list" tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete.

MIT License

Stars
8
View Code on GitHub View on X
Ecosystems: JavaScript, Webpack

Table of Contents

Webpack project list

In this project, a simple HTML list of To Do tasks has been built using webpack and served by a webpack dev server.

Built With

  • HTML, CSS, JavaScript
  • VSCode
  • Webpack

Tech Stack

Key Features

  • [Git Flow]
  • [Good HTML, CSS and JS practices]
  • [ES6, modules]

Live Link

Getting Started

Clone this repository to get started with the project, make sure to configure linters by following the instructions in the Linters README file

Prerequisites

In order to run this project you need:

  • A working computer.
  • Connection to internet.

Setup

  • Clone the folder to your local machine.
  • Open the index.html file in your browser.

Run tests

  • After pushing the changes on github, merge your pull request and let github action process changes and fix errors, if any.
  • For stylelint errors run:sudo npx stylelint "**/*.{css,scss}" --fix for automatic fix.

Usage

To run the project, execute the following command:

  • Go to the file called index.html.
  • Right click Open Live Server.

Authors

Ashmal Zahra

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a if you like this project!

Acknowledgments

I would like to thank Microverse for the information provided to build this project.

FAQ (OPTIONAL)

  • Can I use the project for any purpose?

    • Yes, you can.

  • Is the information saved in any database?

    • No, all data is saved in Local Storage.

License

This project is MIT licensed.

Related Projects
Portfolio

This is my personal website where I showcased my technical skills in different projects that I bu...

30 Nov 2022 9
Awesome-books-with-ES6

"Awesome books" is a simple website that displays a list of books and allows you to add and remov...

17 Jan 2023 7
ToDoListAgain

Only for the exercise purpose without using class

04 Mar 2023 5
To-Do-List

This is a simple To-Do-List website built using ES6 and Webpack . it organizes your daily tasks a...

16 Aug 2023 1
leaderboard-project

This JavaScript project builds the Leaderboard list app, using webpack and ES6 features, notably ...

08 Apr 2023 12
To-Do-List

This repo is created for learning objectives on how to create a To-do-list and use Webpack with E...

27 Feb 2023 15
toDo_list

This exercise builds a simple to-do list using WebPack and then serving it with Webpack dev server.

06 Jun 2023 21
to-do-list

This is the fourth project in the second module of the Microverse program. It is a simple task ma...

14 Jul 2023 2
Mathematics-Magicians

The Mathematics Magician project is a calculator application that goes beyond basic calculations ...

23 Apr 2023 11
To-Do-List

A simple app that lists daily to-do list and mark the completed ones.

06 Jun 2023 6
Leaderboard

The leaderboard website displays scores submitted by different players. It also allows you to sub...

27 Jun 2023 4
Microverse-JavaScript-MealDB

05 Dec 2022 0
TodoList-webpack-ES6

In this project, a simple HTML list of To Do tasks is built with html, CSS and javaScript. The li...

28 Mar 2023 14
todolist

To-do-list web app is a simple project to keep track of your activities. It allows basic CRUD ope...

14 Jul 2022 4
To-Do-List

22 Feb 2023 4