https://github.com/harsh-pandhe/to-do-app

This is a robust task management web application designed to simplify your daily organization. With features like task addition, modification, completion tracking, and extensive sorting/search capabilities, this app is your go-to solution for efficient task management.
https://github.com/harsh-pandhe/to-do-app

Last synced: 23 days ago
JSON representation

This is a robust task management web application designed to simplify your daily organization. With features like task addition, modification, completion tracking, and extensive sorting/search capabilities, this app is your go-to solution for efficient task management.

• Host: GitHub
• URL: https://github.com/harsh-pandhe/to-do-app
• Owner: harsh-pandhe
• License: mit
• Created: 2024-01-23T15:02:17.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-02T21:43:50.000Z (5 months ago)
• Last Synced: 2024-11-11T21:27:04.098Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 32.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Task Management App

This task management web application is designed to streamline your daily organization, offering features for task addition, modification, completion tracking, and extensive sorting and search capabilities. Utilize this app for efficient and effective task management.

## Features

- **Add Tasks:** Create new tasks with details such as task name, priority, due date, and due time.

- **Modify Tasks:** Edit existing tasks, update details, and change priorities effortlessly.

- **Task Completion:** Mark tasks as completed or undo completion with a single click.

- **Remove Tasks:** Quickly and conveniently remove unnecessary tasks from your list.

- **Sort and Search:** Organize tasks with various sorting options and a powerful search functionality.

- **Export Data:** Download tasks as a JSON file for backup or external use.

- **Dark Mode:** Enhance your user experience with a stylish and eye-friendly dark mode.

## Getting Started

### Prerequisites

- Web Browser

- Git

### Installation

1. Clone the repository to your local machine.

   ```bash

   git clone https://github.com/harsh-pandhe/To-do-App.git

   ```

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

Feel free to explore, customize, and enhance the application based on your preferences!

## Usage

1. **Adding a Task:**

   - Fill in the task details in the input fields.

   - Click the "Add Task" button.

   - Receive a notification confirming the successful addition of the task.

2. **Modifying a Task:**

   - Click the edit button (`✎`) next to the task you want to modify.

   - Update task details in the modal.

   - Click "Save Changes" to apply modifications.

3. **Completing/Undoing a Task:**

   - Click the checkmark button (`✔`) to complete a task.

   - Click the undo button (`↩`) to undo completion.

4. **Removing a Task:**

   - Click the trash button (`🗑`) to remove a task.

5. **Sorting Tasks:**

   - Utilize sorting options to organize tasks based on different criteria.

6. **Searching Tasks:**

   - Enter a search term in the search bar to filter tasks based on name or due date.

7. **Exporting Tasks:**

   - Click the "Export Data" button to download tasks as a JSON file.

8. **Dark Mode:**

   - Toggle between light and dark themes using the dark mode widget.

## Charts

- A dynamic bar chart provides task statistics, including total tasks, completed tasks, overdue tasks, and tasks by priority.

## Local Storage

- Tasks are stored locally, ensuring persistence across sessions.

## Dependencies

- The application is built using HTML, CSS, and JavaScript.

- **Bootstrap:** Used for styling and ensuring responsive design.

- **Font Awesome:** Provides a collection of icons for enhanced visual appeal.

- **Toastify:** Enables the display of user-friendly notifications.

- **Darkmode.js:** Implements the dark mode functionality for a personalized user experience.

- **Chart.js:** Utilized for creating visually appealing and informative charts.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.