Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tinspham209/react-trello-clone
Trello Dashboard Clone Application with React, react-dnd
https://github.com/tinspham209/react-trello-clone
drag drag-and-drop drop react trello-dashboard
Last synced: about 8 hours ago
JSON representation
Trello Dashboard Clone Application with React, react-dnd
- Host: GitHub
- URL: https://github.com/tinspham209/react-trello-clone
- Owner: tinspham209
- Created: 2020-05-29T17:04:06.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T08:26:15.000Z (11 months ago)
- Last Synced: 2023-12-15T09:33:47.568Z (11 months ago)
- Topics: drag, drag-and-drop, drop, react, trello-dashboard
- Language: JavaScript
- Homepage:
- Size: 1.5 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Drag'n'Drop
Learn to create a Trello Dashboard clone with React-DnD!
Link tutorial: https://youtu.be/aK2PD_REk7A
## Installation
```
npm install
```
# Mini Project: Trello Dashboard Clone Application
## Date: 30 - May - 2020
### Functions
Kanban dashboard with drag & drop
### Screenshot
### Tech-Stack
- React
- react-dnd
### Deploy
### Plan Of Action
### After this project
I have understand about
- how you can drag and drop items between targets
- reorder items by dragging
- create constraints on what items are allowable to be dropped on what targets.
Next Steps:
### Directory Structure
```
.
├── .gitignore
├── package.json
├── README.md
├── public
└── src
├── App.js
├── App.css
├── index.css
└── index.js
```
### Set up
Use the cmd line to install dependencies.
```
npm install
```
Use the cmd line to usage dependencies.
```
npm run build
npm run dev
http://localhost:4000/
```