React Todo List with Drag and Drop

This project is a modern, interactive Todo List application built with React, TypeScript, and Tailwind CSS. It features a drag-and-drop interface for easy task management across different states (Todo, In Progress, Done).

Features

• Create, read, update, and delete tasks
• Drag and drop tasks between different states
• Responsive design for various screen sizes
• Character limit on task content
• Elegant UI with smooth transitions

Technologies Used

• React 18
• TypeScript
• Tailwind CSS
• Vite (for fast development and building)
• Vitest (for unit testing)
• React Testing Library
• @hello-pangea/dnd (for drag and drop functionality)

Getting Started

Prerequisites

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/yourusername/react-todo-list.git
cd react-todo-list

2. Install dependencies:

   npm install

   or if you're using yarn:

   yarn install

3. Start the development server:

   npm run dev

   or if you're using yarn:

   yarn dev

4. Open your browser and visit http://localhost:3000 to see the app running.

Running Tests

To run the test suite:

npm run test

or with yarn:

yarn test