Um projeto utilizando diversas formas de estilização com o styled-components e o tema do Material UI. A ideia principal é poder alterar as propriedades do tema do projeto e ver dinâmicamente a aplicação alterando de estilo conforme as cores, fontes e tamanhos são alterados, seja nos próprios componentes padrão do MUI ou dos componentes personalizados do styled-components.
- React
- styled-components
- mui/material
- Github Pages
Antes de tudo, é necessário ter Node instalado (versão 16.19) e o yarn (versão 1.22 ou superior) para poder executar os comandos a seguir.
É possível verificar as versões com as seguintes linhas de comando:
node -v
yarn -v
Abra a pasta do projeto dentro do PowerShell, Promp de comando ou pelo Visual Studio Code, execute os seguintes comandos:
yarn
: instala as dependências do projetoyarn start
: inicia o projeto em desenvolvimento
Execute o seguinte comando para realizar deploy.
yarn deploy
: atualiza o Github Pages com as últimas alterações