Skip to content

Latest commit

 

History

History
 
 

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

💥 Task Reminder Application 💥

Tech Stack Used 🎮

HTML5 CSS3 JavaScript LocalStorage

Line

⚡ Description 📃

This Task Reminder Application helps you manage your tasks efficiently with features like task management, due date and time settings, priority levels, persistent storage, and responsive design.

⚡ Features 🔥

  • Task Management: Add, edit, and delete tasks.
  • Due Date and Time: Set deadlines with date and time pickers.
  • Priority Levels: Assign priority (Low, Medium, High) to tasks.
  • Persistent Storage: Tasks are saved in local storage for persistence.
  • Responsive Design: User-friendly interface optimized for various screen sizes.

⚡ How to run it? 🕹️

  • Clone the repository to your local machine.
  • Open the index.html file in your web browser to start using the application.

⚡ How to use 👨‍🏫

  • Adding Tasks:

    • Enter a task description in the input field.
    • Use the date picker to select the due date.
    • Use the 24-hour time picker to set the due time.
    • Choose a priority level (Low, Medium, High) from the dropdown.
    • Click the "Add Task" button to add the task to your list.
  • Managing Tasks:

    • Mark tasks as completed by clicking the checkbox next to each task.
    • Edit tasks by clicking on the task text and entering new text.
    • Delete tasks by clicking the "Delete" button next to each task.
  • Persistence:

    • Tasks are stored in the browser's local storage, ensuring they remain even after closing the browser.
    • Refreshing the page or reopening the browser will retain your task list.
  • Customization:

    • Modify styles.css to change the look and feel of the application.
    • Extend script.js to add more features, such as reminders or notifications.

⚡ Screenshots 📸

Screenshot

Line

Developed By Ananya Gupta 👦

Happy Coding 🧑‍💻

Show some  ❤️  by  🌟  this repository!