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.
- 🛠 Built With
- Key Features
- 🚀Live Demo
- 💻Getting Started
- 👥Author
- 🔭Future Features
- 🤝Contributing
- ⭐️Show your support
- 🙏Acknowledgments
- 📝License
- HTML
- CSS
- JavaScript
- Webpack
- 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.
To get a local copy up and running follow these simple steps:
- Clone this repository using
git clone https://github.com/chawkimbarki/Todo.git
- Navigate to the project folder using
cd Todo
- Install the dependencies using
npm install
- Run the app in development mode using
npm run start
- Open your browser and go to http://localhost:8080/ to see the app
- Run the tests using
npm run test
- To build the app for production, run
npm run build
- The output files will be in the dist folder
👤 Chawki Barki
- GitHub: @chawkimbarki
- Twitter: @Chawki__Mbarki
- LinkedIn: Chawki Mbarki
- 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.
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- 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.