https://github.com/rcrdk/design-system-ignite
Design System developed for the Ignite Call react project.
https://github.com/rcrdk/design-system-ignite
changesets github-actions github-pages npm npm-packages react stitches storybook tsup turborepo typescript ui-components ui-design ui-kit
Last synced: 29 days ago
JSON representation
Design System developed for the Ignite Call react project.
- Host: GitHub
- URL: https://github.com/rcrdk/design-system-ignite
- Owner: rcrdk
- Created: 2024-03-05T13:27:48.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-27T18:27:46.000Z (over 1 year ago)
- Last Synced: 2025-03-28T23:46:08.532Z (6 months ago)
- Topics: changesets, github-actions, github-pages, npm, npm-packages, react, stitches, storybook, tsup, turborepo, typescript, ui-components, ui-design, ui-kit
- Language: TypeScript
- Homepage: https://rcrdk.github.io/design-system-ignite/
- Size: 2.27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📗 Ignite Call Design System
I developed this project during classes and as a challenge of my latest studies on React lessons at [Rocketseat](https://www.rocketseat.com.br). The documentation is available [here](https://rcrdk.github.io/design-system-ignite/).
## 🎮 Usage
```shell
npm i @rcrdk-ignite-ui/tokens
npm i @rcrdk-ignite-ui/react
```
## 🚀 Techs and Tools
- [React](https://reactjs.org) + [TypeScript](https://www.typescriptlang.org/)
- [Stitches](https://stitches.dev)
- [Storybook](https://storybook.js.org/)
- [TSUP](https://github.com/egoist/tsup)
- [Turborepo](https://turbo.build/)
- [Github Actions](https://github.com/features/actions) + [GitHub Pages](https://pages.github.com/)
- [Changesets](https://github.com/changesets/changesets) + [NPM Package Publication](https://www.npmjs.com/)
## 🎨 About
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](https://rcrdk.github.io/design-system-ignite/) at GitHub Pages and publish the Tokens and React packages at [NPM](https://www.npmjs.com/search?q=%40rcrdk-ignite-ui). Versioning control was made with Changesets.
## 🧩 Components
See the [full documentation](https://rcrdk.github.io/design-system-ignite/).
- Text
- Heading
- Button
- Box
- Text Input
- Text Area
- Checkbox
- Multi Step
- Avatar
- Toast
- Tooltip
## 💻 Projects
- [Ignite Call](https://github.com/rcrdk/ignite-call)