I developed this project during classes and as a challenge of my latest studies on React lessons at Rocketseat. The documentation is available here.
npm i @rcrdk-ignite-ui/tokens
npm i @rcrdk-ignite-ui/react- React + TypeScript
- Stitches
- Storybook
- TSUP
- Turborepo
- Github Actions + GitHub Pages
- Changesets + NPM Package Publication
This project was developed based on a Figma design provied by the school. The main practice was the creation of a Design System into a monorepo, a workspace with more than one project inside. It was used TSUP to bundle React and Tokens projects; And Stitches for styling components. All documentation was written using Storybook bases. It was used TurboRepo for running scripts on all packages in parallel and for caching dependencies.
It was used GitHub Actions to publish the documentation at GitHub Pages and publish the Tokens and React packages at NPM. Versioning control was made with Changesets.
See the full documentation.
- Text
- Heading
- Button
- Box
- Text Input
- Text Area
- Checkbox
- Multi Step
- Avatar
- Toast
- Tooltip