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.