SVG transformation experiments + Storybook exercise

This project was created with:

Create React App
Storybook
Storybook Documentation
Storybook Guides

Task

Implement a Button component and a set of Storybook stories that reflect its different possible states.
Implement an Arch Transformation for an svg path/group. Create a simple UI with the rendered svg image and a slider beneath to control the strength of the Arch effect (like on the image above).

Useful links

paper.js

warp.js

Important Scripts

In the project directory, you can run:

`yarn` or `npm i`

To install dependencies, (you'll need yarn installed). Feel free to use npm instead of yarn if you wish.

`yarn start` or `npm start`

Will run Storybook on your computer.

Open http://localhost:6006 to view it in the browser.

The page will reload if you make edits.

Other Scripts

`yarn test` or `npm test`

Launches the test runner in the interactive watch mode.
See the section about running tests and this storybook guide about testing UI components for more information.