React Image Grid

Create a image grid by selecting images from the list. The selected images are added to a Fabric.js canvas and can be moved and resized.

Technology

• Webpack (https://webpack.js.org/)
• React (https://facebook.github.io/react/)
• Fabric.js (http://fabricjs.com/)

Install

This repository supports yarn and npm

$ yarn
or
$ npm i

Run

$ yarn start
or
$ npm run start

Go to http://localhost:8080/ and try it out.

Test

Contains only one component test for now, just an example how testing works.

$ yarn test
or
$ npm test

Build

Build a production ready version

$ yarn build
or
$ npm run build

When the build is ready you can find the files in the dist/ folder.

Improvements

There are still parts that can be improved/added.

• Collision detection for images in grid.
• Keep images in grid.
• More comments
• More tests