To-do-List

To-do List Project

# 📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Usage
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements

📖 "To-do List with webpack Project!"

To-do-list is a website built with modules files based on various functionalities, the stacks used to build the project are HTML, CSS and JS. You can tasks to the list and the task will be stored for future use, you can also remove tasks from the list if such is no loneger needed, it is a very flexible website. The project consist of The following sections -The to do list header section. -The Task list section. -The clear completed task section.

🛠 Built With

Tech Stack

HTML

CSS

JS

HTML

• HTML

Client

• HTML
• CSS
• JS

Key Features

• Navbar (menu-bar)
• localStorage functionality
• Add book functionality
• Remove book functionality
• Footer section
• contact information

(back to top)

🚀 Live Demo

You can view this project using this URL " https://github.com/pushkar1995/todo-list-js-es6"

(back to top)

💻 Getting Started

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

Setup

Clone this repository to your desired folder:

Fork this repo git clone https://github.com/pushkar1995/todo-list-js-es6.git

Prerequisites

In order to run this project you need:

• GitHub account;
• Install Git on your OS.

Install

Installations required to run this project:

• Webhint installation. Run the following command:

npm install --save-dev [email protected]

• Stylelint installation. Run the following command:

npm install --save-dev [email protected] [email protected] [email protected] [email protected]

• Eslint installation. Run the following command:

npm install --save-dev [email protected] [email protected] [email protected] [email protected]

• Webpack installation. Run the following command:

npm install --save-dev style-loader css-loader html-webpack-plugin webpack-dev-server

Usage

You can use this project by cloning it to your folder and changing index.html and styles.css files.

Run tests

To run tests, run the following commands:

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

Deployment

You can deploy this project using github pages or other hosting sites like netlify.com

(back to top)

👥 Authors

👤 Pushkar Gautam

• GitHub: @pushkar1995
• Twitter: @Pushkar9951
• LinkedIn: pushkargautam

(back to top)

🔭 Future Features

• Functionalities
• Improved UI design
• Enhance Designs for all screen sizes and other media queries such as "print

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

If you like my page please show your support and give this page a star!

![Star]

(back to top)

🙏 Acknowledgments

I would like to appreciate and acknowledge the Microverse program for providing me with necessary template files and detailed instructions.

(back to top)

❓ FAQ (OPTIONAL)

No FAQ for now

(back to top)

📝 License

This project is MIT licensed.

(back to top)