Welcome to the To-Do List project! Inspired by Elzero Web School, this tool is designed to help you stay organized and manage your daily tasks effectively. With a clean interface and easy-to-use features, you can keep track of everything you need to do!
Check out the live version of the To-Do List here.
- Add Tasks: Simply type your task in the input field and hit "Add" to include it in your list.
- Mark as Completed: Click the "Complete" button next to each task to mark it as done, or click it again to unmark it.
- Delete Tasks: Use the delete button next to each task to remove it from your list.
- Persistent Storage: Your tasks are saved automatically, so you can close and return anytime without losing your data.
- Simple and Intuitive UI: A clean design that keeps the focus on your tasks.
- Responsive Design: Works seamlessly across all devices, whether you're on a desktop, tablet, or mobile.
- Real-Time Updates: Instant feedback as you add, complete, or delete tasks.
- Local Storage: Keeps your tasks saved in your browser, even when you close the page.
This project was built to enhance and apply key web development concepts, including:
- HTML/CSS: Structuring and styling a responsive, user-friendly interface.
- JavaScript: Managing task data, handling events, and interacting with the DOM.
- Local Storage: Implementing persistent data storage in the browser.
- HTML/CSS: Building the structure and styling the interface.
- Vanilla JavaScript: Adding dynamic interactions and local storage functionality.
Special thanks to Elzero Web School for the guidance and inspiration in creating this project.
If you have any questions or feedback, feel free to reach out:
- GitHub: GziXnine
- LinkedIn: Ahmed Allam