PROJETO DE EXTENSÃO · CEFET/RJ MARACANÃ

Exposição Virtual: Coleta Seletiva Solidária CEFET/RJ Maracanã

Descrição

Exposição virtual que busca, de uma maneira mais interativa, divulgar e explicar o processo de Coleta Seletiva dentro do CEFET/RJ Maracanã. Contém depoimentos de alunos, um vídeo sobre o funcionamento da coleta e um texto informativo. Você pode visitá-la em https://expo-coleta.herokuapp.com/

Capturas de tela

Desenvolvimento

• A exposição utiliza o React, biblioteca Javascript da Facebook para a construção de interfaces de usuário. O projeto também utiliza a API Context, providenciada pelo React, para gerenciar algumas partes lógicas da interface;
• Para a estilização do site, foi utilizada a linguagem CSS, com CSS Modules. CSS Modules são arquivos CSS em quais as classes são prefixadas com o nome do arquivo e uma hash, evitando conflitos de nomenclatura;
• O projeto foi desenvolvido usando o editor Visual Studio Code, ESLint com a configuração da Airbnb, Prettier e a ferramenta create-react-app;
• A exposição foi hospedada gratuítamente no Heroku.

Como rodar localmente

Crie uma pasta para o projeto e clone o repositório usando o comando git clone https://github.com/edxds/expo-coleta-seletiva. Instale as dependências com npm install e inicie o dev server com npm start. O site estará disponível em http://localhost:3000/ na sua máquina.

Créditos

• Prof. Leonardo Lignani, Coordenação de Biologia, CEFET/RJ Maracanã — Orientador;
• Alexsander Soares (@AlexSTx), Informática, CEFET/RJ Maracanã - Desenvolvimento, produção de imagem;
• Eduardo Souza (@edxds), Informática, CEFET/RJ Maracanã — Desenvolvimento, produção de imagem;
• Gabriel Fernandes, Telecomunicações, CEFET/RJ Maracanã — Produção de vídeo;
• Gabriel Leonardo, Informática, CEFET/RJ Maracanã — Produção de imagem.