ToDoList

Description

The main purposes of the project are:

• Understand how to store input data in Javascript class.
• Use Form for input data.
• Display the todo list data using display method
• Style them using CSS
• Apply drag and drop to sort the list
• To change the status of a task check and uncheck it
• Implement the CRUD (create, update, delete) methods. All the elements of the user interface are fully functional
• Understand how to use webpack

Live View

https://ridaarif98.github.io/todolist/dist/

Built With

This project is build with:

• HTML
• CSS
• Javascript
• Webpack

Getting Started

To get a local copy of this repository kindly follow the steps below:

• In your local PC, open your terminal or command prompt in the folder you would like to clone this repository into
• Make sure you have Node NPM installed on your computer
• Clone or download this repo on your machine: git clone https://github.com/ridaarif98/todolist.git
• Enter project directory with command cd todolist

Install

• Run npm install
• Run run build

Usage

• Run npm start
• Open index.html in your browser

👤 Author

👤 Rida Arif

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

🤝 Contributing

Feel free to check the issues page

Show your support

Give a ⭐ if you like this project!

Acknowledgments

• Thanks to Microvers team that help for this project
• Thanks to everyone who will get time to check this code.