drag-and-drop-react

KO | EN

gitlite — search

#javascript #hacktoberfest #golang #deep-learning #docker #macos #windows #vue #awesome-list #security #pytorch #mcp #openai #open-source

(★ 24)

Creating an application using Drag & Drop with React JS 🤏

drag-and-drop-react 최신버젼 다운로드

// repository documentation

★ 0 (0 ratings)

# **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!

&nbsp;

![App demo gif](https://res.cloudinary.com/dnxchppfm/image/upload/v1658172870/posts/dnd/dnd_sxj5en.gif)

&nbsp;

## **Features ⚙️**

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

&nbsp;

## **Technologies 🧪**

- React JS
- TypeScript
- Vite JS
- Vanilla CSS 3

&nbsp;

## **Installation 🧰**

1. Clone the repository (you need to have [Git](https://git-scm.com) installed).

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

2.  Install dependencies of the project.

```shell
    npm install
```

3. Run the project.
```shell
    npm run dev
```

&nbsp;

## **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