jpcmf / ig-design-system

Project developed during the Ignite Lab 03 to improve knowledge

Home Page:https://jpcmf.github.io/ig-design-system/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ig Design System

install

npm i

run app

npm run dev

run storybook

npm run storybook

run storybook tests

npm run test-storybook -- --watch

run storybook build

npm run build-storybook

Annotations

configure tailwind

npx tailwind init -p

configure storybook

npx sb init --builder @storybook/builder-vite --use-npm

configure clsx

npm i --save clsx

configure @radix-react-slot

npm i @radix-ui/react-slot

configure icons

npm i phosphor-reacts

configure @radix-ui/react-checkbox

npm i @radix-ui/react-checkbox

configure @storybook/storybook-deployer

npm i -D @storybook/storybook-deployer

configure accessibility @storybook/addon-a11y

npm i @storybook/addon-a11y

gh cmds

gh repo create
gh repo view -w

configure @storybook/addon-interactions (tests with storybook)

npm i -D @storybook/addon-interactions @storybook/jest @storybook/testing-library @storybook/test-runner

configure msw-storybook-addon

npm i -D msw msw-storybook-addon
npx msw init public/

About

Project developed during the Ignite Lab 03 to improve knowledge

https://jpcmf.github.io/ig-design-system/


Languages

Language:TypeScript 58.6%Language:JavaScript 38.6%Language:HTML 2.6%Language:CSS 0.2%