react-beautiful-dnd Drag-n-Drop Chessboard Example

zodandsons (@zodandsons)

2715

0

0

Launch

About This Space

React DnD Chessboard (WIP)


Last updated on October 4, 2021

Public Permissions:   View   Run   Comment  

React Drag-n-Drop (DnD) Chessboard Example Application

NOTE: This is still a WIP

Captain's Log

9/29/2021 - Captain's Log Stardate 99343.76 I did not care much for the original implementation (using React-Dnd) so I have decided to rework this using a better implementation of the code.

9/30/2021 - Captan's Log Stardate 99346.49 In addition to a better code implementation, the project will now utilize the React Beautiful DnD as the package is a better fit.

For more information:

https://profoundjs.com/zodandsons/react-beautiful-dnd-example-application/

https://www.npmjs.com/package/react-beautiful-dnd

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

Filters:

Popular Recent

API Web Services

A demo of how to build, test and consume APIs

zodandsons

2268

0

0

Automated Testing POC

Sample Application for Automated Testing POC

zodandsons

2227

0

0

Cascading Select Options

Example of Changing the Options in a Select Box based on the selection of another

zodandsons

2054

0

0

Javascript Grid Drag-n-Drop

Example of Grid Row Drag-and-Drop Using Client Side Javascript

zodandsons

1830

0

0

Login System

User Account Management and Login System

zodandsons

1948

0

0

Low Code Example using Javascript Classes

This example shows how to build a javascript class from database information

zodandsons

1959

0

0

Mermaid Dynamic JSON based Flowcharting Example

https://mermaid-js.github.io/mermaid/#/

zodandsons

3713

0

0

Page-by-Page Grid Example using modules

Page-by-page Example using a module for retrieving database records

zodandsons

2070

0

0

React counter-app

Simple React Counter Components

zodandsons

2499

0

1

react-beautiful-dnd example application

The example is built from the react-beautiful-dnd tutorial found at: https://egghead.io/lessons/react-course-introduction-beautiful-and-accessible-drag-and-drop-with-react-beautiful-dnd

zodandsons

2294

0

0

Responsive Example

This space demonstrates how to create a more responsive grid using a layout widget and a little bit of JavaScript and a responsive edit screen. It also incorporates consuming a web service to load list data, adding image upload and display to a screen, and using gauges from Fusion Charts

zodandsons

2192

0

0

Reusable External Functions in Low Code Examples

Examples of using external functions in low code

zodandsons

1889

0

0