Daily Tasks Web App
Overview
The Daily Tasks Web App is a simple to-do list application built with HTML, CSS, and JavaScript. It allows users to add tasks, check them off to mark them as complete, and visually differentiate completed tasks with a strikethrough and a color change. This project is designed to refresh knowledge of basic web development and demonstrate functionality using core web technologies.
Features
Add Tasks: Users can add tasks to the list by typing in the input field and pressing the "Add Task" button or pressing the Enter key.
Task Completion: Clicking the checkbox marks the task as completed, applying a strikethrough and changing the text color to gray.
Responsive Design: The app is styled to look clean and centered, with a visually appealing layout.
Technologies Used
HTML: Structure and semantic layout of the web app.
CSS: Styling for the app, including colors, flexbox for layout, and responsive design.
JavaScript: Logic to handle task addition, marking tasks as complete, and dynamic DOM manipulation.
How to Use
Clone or download this repository.
Open the index.html file in your browser.
Enter a task in the input field and click "Add Task" or press Enter.
Mark tasks as completed by clicking the checkbox next to each task.
Code Highlights
Dynamic DOM Updates: Tasks are dynamically added to the list using JavaScript's DOM manipulation.
Flexbox Layout: Used for centering elements and ensuring a clean layout.
Event Listeners: Added to detect the "Enter" key for task addition and checkbox clicks for marking tasks as completed.
Contributions
Feel free to fork this repository and submit pull requests for enhancements or bug fixes.
Author
This project was created as a practice exercise to refresh core web development skills. Feedback and suggestions are always welcome!