README.md

📝 To Do List 📝

A simple To Do List app that allows you to create and manage your tasks.
You can add new tasks, mark them as completed or delete them. You can also drag and drop the tasks to reorder them according to your preference.

---

Table of Contents

• 🛠 Built With
• Key Features
• 🚀Live Demo
• 💻Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥Author
• 🔭Future Features
• 🤝Contributing
• ⭐️Show your support
• 🙏Acknowledgments
• 📝License

---

🛠 Built With

• HTML
• CSS
• JavaScript
• Webpack

Key Features

• A simple and intuitive user interface that allows you to add, edit, delete, and mark tasks as completed.
• A local storage system that saves your tasks and preserves their status even after closing the browser.
• A drag and drop functionality that lets you reorder your tasks according to your preference.
• A clear all button that removes all the completed tasks from the list.

🚀 Live Demo

Live Demo Link

💻 Getting Started

To get a local copy up and running follow these simple steps:

Prerequisites

• Git
• Node.js
• npm

Setup

• Clone this repository using

git clone https://github.com/chawkimbarki/Todo.git

• Navigate to the project folder using

cd Todo

Install

• Install the dependencies using

npm install

Usage

• Run the app in development mode using

npm run start

• Open your browser and go to http://localhost:8080/ to see the app

Run tests

• Run the tests using

npm run test

Deployment

• To build the app for production, run

npm run build

• The output files will be in the dist folder

Author

👤 Chawki Barki

• GitHub: @chawkimbarki
• Twitter: @Chawki__Mbarki
• LinkedIn: Chawki Mbarki

🔭 Future Features

• A filter option that lets you view only the completed or the pending tasks.
• A date picker that lets you set deadlines for your tasks and reminds you of the upcoming ones.
• A dark mode that changes the color scheme of the interface to reduce eye strain.
• A login system that lets you sync your tasks across different devices.

🤝 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

• The project was inspired by this website
• The icons were taken from Font Awesome
• The fonts were taken from Google Fonts

📝 License This project is MIT licensed.