React Dnd Example/Boilerplate

vite-react-typescript-react-dnd

This is a simple boilerplate example of using React Dnd for drag and drop functionality. Utilizing HTML5 Drag and Drop API.

Features (per page)

• Simple Cards reorder by Drag and Drop (Currently index page)
• Cards can be dragged to the Trash
• Prodcut drop to the Cart

Tech Stack

• React
• React Router
• Typescript
• React Dnd
• Vite
• Tailwindcss

Getting started

yarn install

yarn dev

Open http://localhost:5173/ to view it in the browser.