Simple ToDo List - demo

A simple and responsive ToDo list application built with HTML, CSS, and JavaScript. This project allows users to add, update, mark, and remove tasks while keeping track of total, completed, and canceled tasks.

Features

• Add New Tasks: Easily add tasks with team member names and priorities.
• Update Tasks: Update existing tasks and team member assignments.
• Mark as Completed: Mark tasks as completed with a simple click, visually indicating their status.
• Remove Tasks: Safely remove tasks with a confirmation prompt.
• Task Statistics: Displays total tasks, completed tasks, and canceled tasks.
• Responsive Design: Works on desktop and mobile devices with an elegant design.

Technologies Used

• HTML
• CSS
  • Bootstrap for responsive design
  • Custom styles for UI enhancements
• JavaScript
  • DOM manipulation for dynamic task management
  • SweetAlert2 for user-friendly alerts and confirmations

Getting Started

Prerequisites

Make sure you have a modern web browser to run this application.

Installation

1. Clone the repository to your local machine using:

   git clone https://github.com/Adamo08/simple_todo.github.io.git

2. Navigate to the project directory:

   cd simple_todo.github.io

3. Open index.html in your web browser.

Usage

1. Click on the Add New button to add a new task.
2. Input the task name, team member, and select the priority (High, Middle, Low).
3. Tasks will be displayed in a table format along with their priority and actions.
4. Use the action icons to mark tasks as completed, remove them, or update their details.
5. View the statistics at the bottom for total tasks, completed tasks, and canceled tasks.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please fork the repository and create a pull request.

Acknowledgments

• Bootstrap for the responsive design framework.
• Font Awesome for the icons.
• SweetAlert2 for beautiful alerts.
• Google Fonts for the custom font styling.