To-do list

📗 Table of Contents

• 📗 Table of Contents
• 📖 [To-do list]
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 [To-do list]

[To-do list] is a 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. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!

🛠 Built With

• HTML
• CSS
• JavaScript
• Linters
• Webpack
• Testing To Do list

Tech Stack

• This project is created using JavaScript Classes, DOM and Use ES6 modules to write modular JavaScript.

• In this project I have write unit tests for the To Do list application. The testing project has been divided into two parts. In part 1 you will test functions responsible for adding and deleting list items. In part 2 you will test the status and content updates as well as the order re-position of items in the list.

Key Features

• [Adding a new item]
• [Removing a selected item]
• [Marking a selected item as complete]
• [Removing all items marked as complete at once]
• [Reordering a selected item (as drag-and-drop)]

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

• Laptop
• GitHub
• Git
• Internet connection.

Setup

Clone this repository to your desired folder:

• cd Desktop
• git clone https://github.com/Chandan-devs-tech/To-Do-list.git

Install

Install this project with:

• cd To-Do-list
• npm install

Run tests

[To run tests, run the following command:]

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

[To Install & Run Jest]

• npm i --save-dev jest

[To Use Babel]

• npm install --save-dev @babel/core @babel/cli
• npm install --save-dev @babel/core @babel/preset-env @babel/plugin-transform-modules-commonjs
• npx babel src --out-dir dist

[Declare a .babelrc with configuration file]

{ "presets": ["@babel/preset-env"], "plugins": ["@babel/plugin-transform-modules-commonjs"] }

[To Excecute the test that Involves DOM Manipulation]

• npm install --save-dev jsdom
• create jest.config.js file
• npm install --save-dev jest-environment-jsdom
• npm run test

Deployment

I have deployed this project using: Github pages

(back to top)

👥 Authors

👤 CHANDAN GUPTA

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

👤 YUSUF SHOLOTAN

• GitHub: @githubhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [Testing To Do list: part 2]

(back to top)

🤝 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 give me a ⭐️

(back to top)

🙏 Acknowledgments

I would like to thank Microverse

(back to top)

📝 License

This project is MIT licensed.

(back to top)