Skip to content

This project demonstrates implementing drag, drop, and arrange features in React.js using dnd-kit. It enables smooth drag-and-drop interactions and sorting with customizable and accessible components, enhancing user experience.

Notifications You must be signed in to change notification settings

Shreyash019/Drap-Drop-Arrange

Repository files navigation

Drag-and-Drop Item Arrangement

This project demonstrates a drag-and-drop interface for arranging and sorting items using React, Tailwind CSS, and Dnd-kit.

Features

  • Drag and drop items to reorder
  • Responsive design with Tailwind CSS
  • Real-time updates of item positions

Getting Started

Prerequisites

  • Node.js
  • npm

Installation

  1. Clone the repository: git clone https://github.com/Shreyash019/Drap-Drop-Arrange.git

  2. Navigate to the project directory: cd Drag_Drop_Arrange

  3. Install dependencies: npm install

Running the Application

Start the development server: npm run dev

Open your browser and go to http://localhost:5173 to see the application.

About

This project demonstrates implementing drag, drop, and arrange features in React.js using dnd-kit. It enables smooth drag-and-drop interactions and sorting with customizable and accessible components, enhancing user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published