Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 1 month ago
JSON representation

This is a Monorepo to build a design system with ReactJS. It uses CI/CD with Github Actions.

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

![Home Page](./.github/screenshots/button-storybook.png)

### Stack

- Typescript
- TSUP
- Eslint
- ReactJS
- Storybook
- Radix UI
- Stitches
- phosphor-icons
- polished
- Turborepo
- Changeset
- CI / CD with Github Actions

### Author


Victor Silva

Victor Silva🚀