https://github.com/romeusorionaet/design-system-ignite

Design-system desenvolvido em aula
https://github.com/romeusorionaet/design-system-ignite

design-system reactjs rocketseat typescript

Last synced: 26 days ago
JSON representation

Design-system desenvolvido em aula

• Host: GitHub
• URL: https://github.com/romeusorionaet/design-system-ignite
• Owner: Romeusorionaet
• Created: 2023-08-04T19:04:58.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-16T19:11:15.000Z (over 1 year ago)
• Last Synced: 2024-11-12T23:12:23.423Z (3 months ago)
• Topics: design-system, reactjs, rocketseat, typescript
• Language: TypeScript
• Homepage: https://romeusorionaet.github.io/Design-system-ignite/
• Size: 4.24 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Design-system-ignite


Tecnologias Utilizadas


- React

- TypeScript

- Storybook

- Phosphor-React

- Eslint

- Prettier

- Vite

- Tsup

- Stitches

Sobre


Este é um design-system desenvolvido para proporcionar uma experiência de desenvolvimento consistente e eficiente em projetos React. Ele inclui componentes reutilizáveis, estilos, guidelines e documentação.


Features


- Componentes reutilizáveis com documentação detalhada

- Estilos consistentes usando Stitches

- Integração com Storybook para visualização e teste dos componentes

Suporte a TypeScript para desenvolvimento seguro e escalável

Mudanças (Changesets)


Utilizamos o Changesets para gerenciar as versões do projeto. Isso nos ajuda a manter um histórico claro das alterações e a criar releases de forma organizada.


TurboRepo




Utilizamos o TurboRepo para otimizar a organização do monorepo, facilitando o desenvolvimento, teste e implantação dos componentes.


Componentes


- [✔️] Text

- [✔️] Heading

- [✔️] Box

- [✔️] Button

- [✔️] TextInput

- [✔️] TextArea

- [✔️] Checkbox

- [✔️] Avatar

- [✔️] MultiStep# design-system

- [✔️] Toast

- [✔️] ToolTip