hyper TODO

A simple React-based task management application built with Tailwind CSS. Manage your tasks by adding, editing, completing, and deleting them, with persistent storage via local storage.

Features

• Add Tasks: Quickly add tasks using the input field.
• Edit Tasks: Update your existing tasks by clicking the edit button.
• Mark as Complete: Check off tasks once you complete them.
• Delete Tasks: Remove tasks you no longer need.
• Local Storage: All tasks are stored in local storage, so your tasks are preserved even after refreshing the page.
• Responsive Design: Fully responsive design using Tailwind CSS.

Installation

1. Clone the repository:

        git clone https://github.com/ShubhamSharmax/React-TodoList.git

2. Navigate to the project directory:

       cd your-repo-name 

3. Install dependencies:

       npm install

4. Start the development Server

       npm run dev

5. Open your web browser : Go to http://localhost:5173 to view the app.

Usage

• Adding a Task: Enter your task in the input field and click the "Add" button. The task will be added to your task list.
• Editing a Task: Click the edit button next to the task you want to modify, update the task, and click "Save".
• Completing a Task: Check the checkbox next to a task to mark it as completed.
• Deleting a Task: Click the delete button next to a task to remove it from your list.

Technologies Used

• React: JavaScript library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for styling.
• UUID: Library for generating unique IDs for tasks.
• Local Storage: Browser storage to persist tasks between sessions.