A lightweight and user-friendly task tracker application built using Vanilla JavaScript, HTML, and CSS. This app helps users manage their daily tasks effectively by allowing them to add, update, and delete tasks.
- Add new tasks with ease.
- Mark tasks as completed or pending.
- Edit task descriptions.
- Delete tasks when they are no longer needed.
- Persist tasks using browser's local storage.
- Responsive design for desktop and mobile devices.
- HTML: For the app's structure and layout.
- CSS: For styling the app and ensuring a responsive design.
- JavaScript: For dynamic interactions and functionality.
To use the app, you need a modern web browser that supports ES6+ JavaScript features.
-
Clone the repository:
git clone https://github.com/yourusername/task-tracker.git
-
Navigate to the project folder:
cd task-tracker-vanilla -
Open the
index.htmlfile in your browser:open index.html
Alternatively, you can use a local server (e.g., VS Code Live Server) for a better experience.
- Add a Task: Type a task in the input field and click the "Add" button.
- Mark as Complete: Click on a task to toggle its completion status.
- Edit a Task: Click the "Edit" icon to modify the task description.
- Delete a Task: Click the "Delete" icon to remove a task.
Task Tracker/
├── index.html # Main HTML file
├── style.css # CSS file for styling
├── app.js # JavaScript file for functionality
└── README.md # Documentation
Contributions are welcome! If you'd like to improve the app or fix a bug, feel free to fork the repository and submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by various task management tools.
- Icons and illustrations by [source].
Happy task tracking!