Skip to content

Latest commit

 

History

History
32 lines (21 loc) · 2.25 KB

README.md

File metadata and controls

32 lines (21 loc) · 2.25 KB
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

Captura da página inicial do site Captura da página de depoimentos Captura da galeria do site

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.