https://github.com/vickttor/ignite-reactjs-design-system
This is a Monorepo to build a design system with ReactJS. It uses CI/CD with Github Actions.
https://github.com/vickttor/ignite-reactjs-design-system
changesets cicd design-system monorepo react storybook tsup turborepo typescript
Last synced: 4 months ago
JSON representation
This is a Monorepo to build a design system with ReactJS. It uses CI/CD with Github Actions.
- Host: GitHub
- URL: https://github.com/vickttor/ignite-reactjs-design-system
- Owner: vickttor
- Created: 2023-07-03T17:04:21.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-02T00:13:21.000Z (about 2 years ago)
- Last Synced: 2025-06-20T17:06:12.064Z (4 months ago)
- Topics: changesets, cicd, design-system, monorepo, react, storybook, tsup, turborepo, typescript
- Language: TypeScript
- Homepage: https://vickttorugo.github.io/ignite-reactjs-design-system/
- Size: 4.35 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Design System
This is a Monorepo created through the Ignite ReactJS course. Here we have 5 Packages which is managed by turborepo and changeset. The design system uses of the react directory which has the components. The components use the tokens of the application. Another packages are reusable configurations such as `typescript` and `eslint`. The packages are published into the NPM and they are using github actions to automate the build and deploy of the packages (CI / CD).
[Oficial Link](https://vickttorugo.github.io/ignite-reactjs-design-system/)
### Status
🚧 Developing 🚧
### Design System Components
- Text
- Heading
- Box
- Button
- TextField
- TextArea
- Checkbox
- Avatar
- MultiStep
- Tooltip
- Toast
### Preview
### Stack
- Typescript
- TSUP
- Eslint
- ReactJS
- Storybook
- Radix UI
- Stitches
- phosphor-icons
- polished
- Turborepo
- Changeset
- CI / CD with Github Actions
### Author
Victor Silva🚀