Template utilizando Material UI como Design System para o exercício dos Módulos 38 e 39 do curso "Profissão: Engenheiro Front-End" da Instituição EBAC - Escola Britânica de Artes Criativas e Tecnologia
O objetivo deste repositório é comportar o material necessário para servir de exemplo prático do exercício do Módulo 38 e do Módulo 39 do curso "Profissão: Engenheiro Front-End" da Instituição EBAC - Escola Britânica de Artes Criativas e Tecnologia. Contém uma simulação de um trabalho de build, deployment, teste e revisão de um projeto contendo Material UI como Design System.
- Linguagem Principal: Javascript
- Linguagens de Marcação e Estilo: HTML, CSS, SASS
- Framework Principal: Node.js
- Framework estrutural: Next.js
- Framework de design: Material UI
- Gerenciador de Bibliotecas: npm
- Bibliotecas: Para uma lista completa de bibliotecas e dependências nos mais variados escopos, conferir o arquivo package.json.
1 - Faça um git clone ou o download do repositório, da forma que preferir
git clone https://github.com/dexdevlab/ebac-mui-template.git
2 - Execute npm install
para carregar as dependências
Execute npm run dev
do terminal dentro do diretório do projeto. A aplicação irá ser executada na porta 3000 como padrão.
Execute npm run test
do terminal dentro do diretório do projeto. Um teste será performado.
Simplesmente publique o commit normalmente no branch principal (main). Com isso, um deploy no Github Pages será realizado via Github Actions.
- Removido script de limpeza do Yarn
- Adicionado script de atualização do caniuse
- Ajuste no workflow para uso do Next.js e publicação no Github Pages usando Github Actions
- Adicionado script de limpeza do Yarn para o repositório
- Adicionado script de limpeza do cache do git
- Removida integração com o Snyk para o repositório
- Ajuste de sintaxe e linting do workflow do Github Actions
- Atualização do workflow para uso do Next.js e publicação no Github Pages usando Github Actions
- Atualização da documentação
- Restruturação dos estilos para dentro de
/pages
- Incorporação da página de Dashboard como componente de
index.js
- Refatoração do index.js
- Restruturação dos componentes para compatibilidade com o Deploy
- Ajuste no workflow do Github Actions
- Ajuste no arquivo de configuração do Nextjs
- Alteração dos scripts do package.json
- Alteração de Yarn para npm como gerenciador de bibliotecas
- Ajuste no workflow do Github Actions
- Ajuste no workflow do Github Actions
- Ajuste no preset de configuração
- Restruturação dos imports para caminhos relativos sem aliases
- Remoção do index.js da componentização dinâmica
- Restruturação dos imports para caminhos relativos sem aliases
- Restruturação da componentização para um import mais dinâmico
- Reconfiguração dos scripts de deploy para ajustes mais precisos
- Ajuste no Actions para teste de deploy
- Restruturação da componentização para um import mais dinâmico
- Reconfiguração dos scripts de deploy para ajustes mais precisos
- Ajuste no Actions para teste de deploy
- Restruturação da componentização para um import mais dinâmico
- Reconfiguração dos scripts de deploy para ajustes mais precisos
- Ajuste no Actions para teste de deploy
- Correção da automação de deploy pelo Github Pages
- Atualização da documentação
- Implementação da automação de deploy pelo Github Pages
- Atualização da documentação
- Implementação da automação de deploy pelo Github Pages
- Atualização da documentação
- Implementação da automação de deploy pelo Github Pages
- Atualização da documentação
- Atualização da documentação
- Ajustes de linting para ES6 / React
- Ajuste de localização (idioma) do conteúdo da interface
- Testes e validações
- Implementação de teste de componente
- Ajustes de linting para ES6 / React
- Ajuste de localização (idioma) do conteúdo da interface
- Publicação do repositório
Se você gostou deste projeto, dê uma estrela.
Para contato, envie um email a: dex.houshi@hotmail.com
Licenciado sob a MIT License.