Skip to content

README.md

Latest commit

 

History

History
95 lines (56 loc) · 2.67 KB

README.md

File metadata and controls

95 lines (56 loc) · 2.67 KB

Task Manager

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.

Features

  • 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.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

  • A modern web browser  

Installation

  1. Clone the repository:

    git clone https://github.com/yatt-code/task-man

  2. Open the index.html file in your web browser.

Usage

Add a Task:

  1. Enter the task description in the input field.
  2. Select the priority level from the dropdown.
  3. Click the add button (plus icon) to add the task to the list.

Delete a Task:

  1. Click the trash icon next to the task you want to delete.

Mark a Task as Completed:

  1. Click the check icon next to the task you want to mark as completed.

Filter Tasks:

  1. Use the dropdown menus to filter tasks by completion status and priority level.

File Structure

  • 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.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are   greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request  

Changelog

See CHANGELOG.md for a detailed history of updates.

License

Distributed under the MIT License. See LICENSE for more information.

Acknowledgements  

  • Forked from a code-along project by OneCode Camp
  • Icons by Font Awesome
  • Fonts by Google Fonts

Author

  • Yatt-code

Feel free to reach out if you have any questions or suggestions!