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

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..