ruddy22 / clan-schedule

Clan Scheduler based on Drag'n'Drop with ReactJS

Home Page:https://drag-and-drop-react-app.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 πŸ‘€

About

Clan Scheduler based on Drag'n'Drop with ReactJS

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


Languages

Language:TypeScript 70.3%Language:CSS 24.6%Language:HTML 5.0%