/drag-and-drop-react

Creating an application using Drag & Drop with React JS 🤏

Primary LanguageTypeScript

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!

 

App demo gif

 

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
  1. Install dependencies of the project.
    npm install
  1. Run the project.
    npm run dev

 

Links ⛓️

Demo of the application 🔥

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