https://github.com/o-igor-trentini/ignite-design-system
Projeto desenvolvido para explorar o conceito de Design System, monorepo e um pouco de DevOps. Serviu tanto como projeto de aula como desafio.
https://github.com/o-igor-trentini/ignite-design-system
changesets radix-ui reactjs stitches storybook turborepo typescript vite
Last synced: 6 months ago
JSON representation
Projeto desenvolvido para explorar o conceito de Design System, monorepo e um pouco de DevOps. Serviu tanto como projeto de aula como desafio.
- Host: GitHub
- URL: https://github.com/o-igor-trentini/ignite-design-system
- Owner: o-igor-trentini
- Created: 2023-01-30T17:12:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-03T10:37:08.000Z (over 2 years ago)
- Last Synced: 2025-04-03T17:37:42.567Z (6 months ago)
- Topics: changesets, radix-ui, reactjs, stitches, storybook, turborepo, typescript, vite
- Language: TypeScript
- Homepage: https://o-igor-trentini.github.io/ignite-design-system/
- Size: 34.4 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ignite Design System
> Ignite Design System é um projeto desenvolvido para explorar o conceito de Design System, monorepo e um pouco de DevOps.
>
O desenvolvimento da aplicação foi construido a partir da documentação que pode ser encontrada [aqui][].
>
> Este projeto também foi usado para ser o quinto desafio do módulo ReactJS 2022,
> adicionado dois componentes a mais (Tooltip e Toast)
>
> OBS: O projeto desenvolvido na aula está em outra branch e pode ser encontrado [aqui](https://github.com/o-igor-trentini/ignite-design-system/tree/class-project)
Este projeto é o quinto do módulo de ReactJS 2022, um monorepo com pacotes de configuração de Eslint, tokens,
componentes ReactJS e documentação dos componentes React com [Storybook](https://storybook.js.org/).
Me veja em funcionamento [clicando aqui][] ***:)***
## Desenvolvimento
### Construído com
- ReactJS
- Typescript
- Changesets
- TurboRepo
- Stitches
- Phosphor React
- Radix UI
- Storybook
- Vite
## Instalando / Começando
Clone este repositório com:
```shell
git@github.com:o-igor-trentini/ignite-design-system.git
```
Use o [npm][] para instalar as dependências:
```shell
npm i
```
E use o seguinte comando para iniciar o projeto em modo de desenvolvimento:
```shell
# Iniciará todos os repositórios devido ao uso do TurboRepo
npm run dev
```
---
Powered by: [Rocketseat][] 🚀
[Rocketseat]: https://www.rocketseat.com.br/
[clicando aqui]: https://o-igor-trentini.github.io/ignite-design-system/
[npm]: https://www.npmjs.com/
[aqui]: https://efficient-sloth-d85.notion.site/Desafio-05-Adicionando-mais-componentes-do-Design-System-62fe007e1bd143cb9c4af418b35bcf51