Creating an app using Drag and Drop with React without libraries 👆!

This time, we are going to implement the functionality to do a Drag & Drop with React JS and without any other external package or library!

 

 

Features ⚙️

1. Card dragging.
2. Dropping cards into a container.
3. Sorting cards.

 

Technologies 🧪

• React JS
• TypeScript
• Vite JS
• Vanilla CSS 3

 

Installation 🧰

1. Clone the repository (you need to have Git installed).

    git clone https://github.com/Franklin361/drag-and-drop-react

2. Install dependencies of the project.

    npm install

3. Run the project.

    npm run dev

 

Links ⛓️

Demo of the application 🔥

• 🔗 https://drag-and-drop-react-app.netlify.app/

Here's the link to the tutorial in case you'd like to take a look at it! eyes 👀

• 🇲🇽 🔗 https://dev.to/franklin030601/creando-un-app-que-usa-drag-and-drop-con-react-sin-librerias--gm3

• 🇺🇲 🔗 https://dev.to/franklin030601/creating-an-app-using-drag-and-drop-with-react-without-libraries--5cg9