O projeto IFMakerSD é um site para divulgação do laboratório IFMaker do IF Sudeste MG - Campus Santos Dumont, que começou a ser criado no final de 2020. O site conta com uma landing page e páginas para projetos, artigos e equipamentos. Essas páginas são gerenciadas por um sistema de gerenciamento de conteúdo (CMS).
Página inicial do site IFMakerSD em desktops
Página interna do site IFMakerSD em smartphones
O front-end do site é desenvolvido utilizando:
- Next.js: com uso de geração de páginas estáticas (SSG), inclusive as páginas criadas a partir de dados da API do Headless CMS
- ReactJS: diversos pacotes são utilizados para criar uma experiência interativa
- CSS Modules com SASS: para isolar os componentes e ter maior controle sobre o estilo
- Variáveis CSS: para manter consistência nos valores de propriedades
- Temas light e dark: os temas claro e escuro são implementados com variáveis CSS, facilitando o uso e manutenção
- CSS Animation: diversas animações personalizadas são utilizadas para melhorar a experiência do usuário
Para rodar o projeto localmente, utilize o comando abaixo:
yarn devPara realizar o build local, utilize o comando:
yarn buildAbra http://localhost:3000 no navegador para ver o resultado.
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.