Skip to content

In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.

License

Notifications You must be signed in to change notification settings

rubydevi/todolist-minimalist

Repository files navigation

📗 Table of Contents

📖 To Do List

To Do List In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.

Tech Stack

Client
  • HTML and CSS
  • JavaScript

Key Features

  • To Do List
  • Modules Directory
  • Webpack

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

Prerequisites

In order to run this project you need:

  1. git
  2. VS Code or any code editor
  3. npm intalled

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone git@github.com:rubydevi/todolist-minimalist.git
  cd todolist-minimalist

Install

Install this project with:

Weblint

  1. Run this code:
 npm install --save-dev hint@7.x
  1. Don't forget to copy .hintrc to the root directory of your project.

Stylelint

  1. Run this code:
 npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
  1. Don't forget to copy .stylelintrc.json to the root directory of your project.

ESLint

  1. Run this code:
 npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
  1. Don't forget to copy .eslintrc.json to the root directory of your project.

Luxon

  • Run this code:
 npm install --save luxon

Usage

To run this project in the browser, simply open the index.html file in your preferred browser by running the code below in your terminal:

 npm start

Run tests

To run tests, run the following command:

 npm hint .
 npx stylelint "**/*.{css,scss}"
 npx eslint .

(back to top)

👥 Authors

👤 Chongtham Ruby Devi

(back to top)

🔭 Future Features

  • User Management System
  • Database Connection
  • More Forms

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

If you like this project please leave a star, I'd really appreciate it.

(back to top)

Acknowledgments

  • I'd like to thank Microverse for this wonderful README template.

📝 License

This project is MIT licensed.

(back to top)

About

In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published