O objetivo deste projeto é criar um site para conectar pessoas que precisam se livrar de seus resíduos recicláveis com pessoas ou empresas que trabalham com reciclagem, contribuindo assim para um ecossistema mais sustentável. É um desafio prático da Semana NLW (Next Level Week) promovida pela Rocketseat com o objetivo de acelerar a performance de desenvolvedores na Stack JavaScript + NodeJS.
Deploy | Tecnologias | Instalando | Aprendendo | Contribuindo | Customizando | Trello | Licença
Foi usado o servidor do Heroku para o pipeline com o GitHub e o deploy da aplicação. Para testar a aplicação acesse:
Nesse projeto foram usadas as seguintes tecnologias:
-
É requisito necessário ter instalados na máquina tanto o NodeJS como o NPM. Para informações sobre a instalação dos mesmos consulte o link: Instalando o NodeJS no Windows
-
Faça o clone deste repositório numa pasta desejada:
$ git clone https://github.com/clovisdanielcosta/nlw-ecoleta.git -
Entre na pasta do app:
$ cd nlw-ecoleta -
Rode este comando para instalar as dependências:
$ npm install -
Rode este comando para subir o servidor Node:
$ npm start -
Na barra de endereço de um navegador digite:
$ localhost:3001
- Entendendo melhor o conceito de projeto Full MVC envolvendo Back-end e Front-end na mesma aplicação.
- Aprendendo a usar Nunjucks para template engine que tornam as páginas html mais dinâmicas, aceitando variáveis e inserção de layouts padrão dos ítens que se repetem.
-
Criei um modelo de Canvas no passado que poderia ser adaptado para um possível aprimoramento deste projeto. Se chama STARTUP - PapelDignidade.
Objetivo: Nos mesmos moldes dos aplicativos de mobilidade, criar um app para que moradores e empresas solicitem a retirada de recicláveis e que selecione os catadores de papel mais próximos para a coleta. Os usuários participantes serão beneficiados com pontos em programas de fidelidade para cada coleta realizada. Os catadores utilizarão carrinhos elétricos semelhantes aos de entrega de bebidas nos grandes centros reduzindo o esforço empregado no processo de coleta. A empresa comprará os recicláveis dos catadores cadastrados e oferecerá uma infra-estrutura social para os parceiros participantes.
A ideia pode ser vista na figura abaixo:
- Uso de variáveis no CSS em todo o projeto para facilitar a estilização.
- Implementação de tema DARK MODE para maior conforto visual.
- Configuração do 'package.json' e 'server.js' para o deploy.
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes. A(s) imagem(s) usada(s) neste projeto são originais do autor ou foram obtidas através do site da Pexels com a devida autorização para uso gratuito.
Quero agradecer a Rocketseat especialmente ao Mayk Brito pelas contribuições para o meu aprendizado neste projeto. Também agradeço ao Gabriel Oliveira do site OhMyCode (nome fantástico!) pelas explicações sobre Grid Layout e Dark Tema. Parabéns pelo trabalho de vocês.
Muito obrigado!:clap::clap: