This project is hosted on GitHub Pages. Click the link below to try it out right in your browser:
โจ Click here to view the live demo โจ
A clean, simple, and persistent to-do list application built with vanilla JavaScript and Bootstrap. This project allows users to add, manage, and delete tasks. All tasks are saved in the browser's localStorage, so your to-dos will be waiting for you when you return.
- Add Tasks: Easily add new to-do items to your list.
- Add with Enter: Press the
Enterkey in the input field to quickly add a task. - Persistent Storage: Tasks are saved in your browser's
localStorage, so they don't disappear when you refresh the page or close the browser. - Delete Single Task: Remove items one by one with a delete button (
ร) on each task. - Clear All: A "Clear All Todos" button to wipe the entire list at once.
- Empty State: Displays a friendly message when there are no tasks left.
- Responsive UI: Built with Bootstrap for a clean and functional look on all devices (desktops, tablets, and phones).
- HTML5: For the structure of the app.
- Bootstrap 5: For styling and responsiveness (buttons, list groups, layout).
- Vanilla JavaScript: For all the application logic (adding, deleting, and storing tasks).
- Browser
localStorageAPI: To save and retrieve tasks.
There is no complex setup or build process required!
- Clone this repository (or download the files):
git clone [https://github.com/your-username/your-repo-name.git](https://github.com/your-username/your-repo-name.git)
- Open the
index.htmlfile directly in your favorite web browser.
That's it! You can now start managing your to-do list.