The Task Manager is a simple, yet effective, single-page web application designed to help users manage their daily tasks efficiently and with minimal fuss. Built using fundamental web technologies (HTML5, CSS3, and JavaScript), this application provides a clean, intuitive interface for adding, tracking, and completing your to-do items. It’s perfect for anyone needing a straightforward tool to keep their day organized without the complexity of larger, feature-heavy applications.
This project focuses on providing a snappy, client-side solution for personal task organization, prioritizing ease of use and a smooth user experience.
- Add New Tasks: Quickly and easily add new tasks to your list via an input field.
- Mark as Complete: Toggle the status of a task from pending to complete with a simple click. Completed tasks are visually distinguished (e.g., with a strike-through).
- Delete Tasks: Permanently remove individual completed or unwanted tasks from the list.
- User-Friendly Design: A clean, minimal, and intuitive interface built with responsive CSS.
- Client-Side Persistence: Tasks are stored locally in the browser's
localStorage, ensuring your list persists even if you close and reopen the application. (Adjust this point if you do not uselocalStorage)
This project leverages the power and simplicity of core web development languages:
- HTML5: Used for structuring the content and semantics of the task manager.
- CSS3: Utilized for styling the application, ensuring a modern and responsive user interface.
- JavaScript: Provides all the interactive functionality, task management logic (adding, deleting, marking complete), and DOM manipulation.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
You only need a modern web browser (like Chrome, Firefox, Safari, or Edge) to run this application. No backend server, dependencies, or complex environment setup is required.
-
Clone the repository:
git clone [https://github.com/raymondoyondi/Task-Manager.git](https://github.com/raymondoyondi/Task-Manager.git)
-
Navigate to the project directory:
cd Task-Manager -
Open the application: Simply open the
index.htmlfile in your preferred web browser.(Pro-Tip: Use a "Live Server" extension in your code editor (like VS Code) for easier development with automatic reloading.)
The Task Manager is designed to be straightforward and self-explanatory:
- Adding a Task: Type your new task into the input field at the top and press the "Add" button or hit the
Enterkey. - Completing a Task: Click on the checkmark to mark it as complete.
- Removing a Task: Click the "Trash" icon that appears next to a task to permanently remove it from the list.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repository and create a pull request. You can also simply open an issue with the tag "enhancement".
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See the LICENSE file for more information. (Note: Ensure a LICENSE file exists in your repository.)