Canvas Container Demo

• Must be run locally

This app completes the task below:

• Create a responsive DIV with a size equal to 80% of viewport. Create a draggable interactive child element inside, which cannot be dragged outside the parent DIV.

Development Instructions

1. Clone this repository
2. Run npm install
3. Run npm run dev
4. Open http://localhost:9000 in your browser
5. Run npm run build to build the app for production or to examine the build output
6. Run npm run start to run the app in production mode on http://localhost:3000

Notes

• The app is built using:
  • HTML + SCSS
  • Bootstrap5 + Popper + Bootstrap Icons
  • JS + JQuery + CanvasJS
  • NPM + Webpack + Node + Express