angular-drag-and-drop-examples icon indicating copy to clipboard operation
angular-drag-and-drop-examples copied to clipboard

This is a drag and drop trello like board example using two plugins dragula, ngx-smooth-dnd

Angular 5+ drag and drop example with dragula and ngx-smooth-dnd

Alt text Alt text

This project was generated with Angular CLI version 6.0.8.

You can find the Demo here.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Reference plugins

  1. https://github.com/kutlugsahin/ngx-smooth-dnd
  2. https://github.com/valor-software/ng2-dragula
  3. https://swimlane.github.io/ngx-dnd/