React TodoList Application

A modern, interactive Todo List application built with React and Vite. This application allows users to manage their tasks effectively with a clean and intuitive interface.

Features

• Add new tasks
• Mark tasks as complete/incomplete
• Delete tasks
• Convert tasks to uppercase (individual or all tasks)
• Persistent state management using React hooks
• Responsive design
• Clean and modern UI

Technologies Used

• React
• Vite
• CSS3
• JavaScript (ES6+)
• UUID for unique task IDs

Getting Started

Prerequisites

• Node.js (version 14 or higher)
• npm (Node Package Manager)

Installation

1. Clone the repository:

   git clone https://github.com/mdashad0/TodoList.git

2. Navigate to the project directory:

   cd TodoList

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and visit http://localhost:5173

Usage

1. Type your task in the input field
2. Click "Add Task" button to add the task to your list
3. For each task, you can:
   • Mark it as done/undone
   • Convert it to uppercase
   • Delete it
4. Use the "Uppercase All Tasks" button to convert all tasks to uppercase

Contributing

Contributions are welcome! Feel free to submit issues and pull requests.

1. Fork the repository
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

Author

• Md Ashad - GitHub Profile

TodoList Preview