This is a simple Task Manager application that allows users to add, delete, and filter tasks based on their completion status and priority levels. The application is built using HTML, CSS, and JavaScript. The task manager is able to store your tasks in localStorage.
- Add Tasks: Users can add new tasks with a specified priority level.
- Delete Tasks: Users can delete tasks from the list.
- Mark as Completed: Users can mark tasks as completed.
- Filter Tasks: Users can filter tasks based on their completion status (all, completed, uncompleted) and priority level (all, low, medium, high).
- Persistent Storage: Tasks are saved in the local storage, so they persist even after the browser is closed.
- HTML
- CSS
- JavaScript
To get a local copy up and running, follow these simple steps:
- A modern web browser
-
Clone the repository:
git clone https://github.com/yatt-code/task-man
-
Open the
index.htmlfile in your web browser.
- Enter the task description in the input field.
- Select the priority level from the dropdown.
- Click the add button (plus icon) to add the task to the list.
- Click the trash icon next to the task you want to delete.
- Click the check icon next to the task you want to mark as completed.
- Use the dropdown menus to filter tasks by completion status and priority level.
index.html: The main HTML file that contains the structure of the application.styles.css: The CSS file that contains the styles for the application.app.js: The JavaScript file that contains the logic for adding, deleting, marking, and filtering tasks.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- 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
See CHANGELOG.md for a detailed history of updates.
Distributed under the MIT License. See LICENSE for more information.
- Forked from a code-along project by OneCode Camp
- Icons by Font Awesome
- Fonts by Google Fonts
- Yatt-code
Feel free to reach out if you have any questions or suggestions!