Figma to Code React : Ignite Lab 3

You can see in the github pages with Design System in Storybook https://steffany-martins.github.io/project-figma-to-code-ignite-lab/.

🔎 Technologies used

1. React
2. Tailwind CSS
3. Radix (to customize checkbox component actions)
4. Storybook and addons (A11y accessible test)
5. Figma to prototype components and design systems.
6. MSW (MOCK SERVICE WORK) => request by service worker.
7. CI/CD principles with github pages develop.

Components Figma

Only Components and variations

Design System

🚅 You can run with de following commands to a Quick Start

To run a beautiful program with all depencies:

`yarn` || `npm run`

Run the program with Storybook

`yarn storybook` || `npm run storybook`

To test program with jest in storybook by interactions

`yarn test-storybook`

To run app

yarn dev