Todo App

A simple Todo App built with React and styled using Tailwind CSS. This app allows users to add, edit, delete, and mark tasks as completed. Tasks are stored in the browser's local storage, ensuring they persist even after a page refresh.

Features

• Add, edit, delete, and mark tasks as completed
• Persistent storage using local storage
• Responsive design with Tailwind CSS

Technologies Used

• React: A JavaScript library for building user interfaces
• Tailwind CSS: A utility-first CSS framework for rapid UI development
• UUID: A library for generating unique IDs for tasks
• Local Storage: Browser storage to persist tasks

Installation

1. Clone the repository:

   git clone https://github.com/lilithCode/react-todo-app.git
   

2. Navigate to the project directory:

   cd react-todo-app
   

3. Install the dependencies:

   npm install
   

4. Start the development server:

   npm start
   

Usage

• Type a task in the input field and press Enter or click the plus icon to add a new task.
• Click the edit icon next to a task to edit it.
• Click the delete icon next to a task to delete it.
• Check the checkbox next to a task to mark it as completed.