https://github.com/omarcoaur3lio/ignite-js-ui

Design System para o projeto Ignite Call. O projeto é um monorepo que inclui pacotes de tokens, configuração, componentes em React e documentação com Storybook.
https://github.com/omarcoaur3lio/ignite-js-ui

react stiches storybook turborepo typescript

Last synced: 3 months ago
JSON representation

Design System para o projeto Ignite Call. O projeto é um monorepo que inclui pacotes de tokens, configuração, componentes em React e documentação com Storybook.

• Host: GitHub
• URL: https://github.com/omarcoaur3lio/ignite-js-ui
• Owner: omarcoaur3lio
• License: mit
• Created: 2024-07-17T02:09:11.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-29T01:59:13.000Z (4 months ago)
• Last Synced: 2024-09-29T22:41:43.084Z (3 months ago)
• Topics: react, stiches, storybook, turborepo, typescript
• Language: TypeScript
• Homepage: https://omarcoaur3lio.github.io/ignite-js-ui/
• Size: 3.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  

    

  

  

    



    

    





## :speech_balloon: Visão Geral

Esse projeto foi construído durante o programa Ignite da [Rocketseat](www.rocketseat.com.br) e teve como objetivo construir um design system para o projet Ignite Call. 


O DS foi desenvolvido em um monorepo composto pelos pacotes de tokens (cores, tamanhos, tipografia, espaçamentos, etc...), configuração (TypeScript e ESLint), componentes (desenvolvidos com ReacJS) e documentação dos componentes (Storybook).

## :camera: Preview



  



### Assuntos estudados

A seguir, alguns dos conceitos postos em prática durante o desenvolvimento:

- Criação e utilização de monorepos

  - Utilização do Turborepo

    - Utilização de cache e remote caching

- Criação e reutilização de componentes

  - Documentação dos componentes com o Storybook

  - CSS-in-JS com Stitches

- Publicação de pacotes no NPM

- Gerenciamento de versões e CI/CD no NPM com changesets

- CI/CD com Github Actions

## :rocket: Tecnologias Utilizadas

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  









  Feito com :purple_heart: