Todo List Application

A simple and efficient Todo List application that allows users to manage their tasks with ease. The application features a clean interface with the ability to add and delete tasks, making it perfect for daily task management.

Features

• Add new tasks to the list
• Delete tasks with a single click
• Clean and intuitive user interface
• Responsive design
• Gradient background
• Task persistence during session
• Input validation
• Square bullet points for better readability

Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)

Project Structure

Todo-list/
├── Index.html      # Main HTML file
├── Style.css       # Styling and layout
└── app.js          # Todo list functionality

How It Works

The application provides a simple task management system:

1. Adding Tasks:

   • Enter task in the input field
   • Click "Add to List" button
   • Task appears in the list with a delete button
   • Input field clears automatically

2. Deleting Tasks:

   • Click the "Delete" button next to any task
   • Task is immediately removed from the list
   • No confirmation required for quick task management

3. User Interface:

   • Clean and minimal design
   • Gradient background for visual appeal
   • Responsive layout
   • Clear visual hierarchy

Setup and Usage

1. Clone or download this repository
2. Open Index.html in your web browser
3. To add a task:
   • Type your task in the input field
   • Click "Add to List" or press Enter
4. To delete a task:
   • Click the "Delete" button next to the task

Customization

You can customize the application by:

• Modifying the color scheme in Style.css
• Adjusting the button styles
• Changing the input field appearance
• Adding task categories
• Implementing task completion status
• Adding due dates
• Implementing local storage for task persistence

Browser Support

This project works on all modern browsers that support:

• ES6 JavaScript
• CSS3
• HTML5
• Flexbox layout

Future Enhancements

Potential improvements could include:

• Task completion checkboxes
• Task editing functionality
• Task categories or tags
• Due date implementation
• Local storage for task persistence
• Task priority levels
• Search functionality
• Task sorting options

License

This project is open source and available for personal and commercial use.