• Sobre
• Objetivo
• Público-Alvo
• considerações
• Funcionalidades
• Tecnologias
• Screenshots
• Como Rodar o Projeto
• Atualizações

A aplicação NPR é um projeto desenvolvido por um grupo de estudantes com o objetivo de facilitar a coleta de lixo reciclável e apoiar iniciativas de proteção ao meio ambiente. A plataforma visa oferecer assistência e combate ao descarte irregular de resíduos, promovendo o compartilhamento de informações e um sistema de coleta especializada.

O principal objetivo da aplicação NPR é proporcionar uma plataforma que facilite a coleta de lixo reciclável, combata o descarte irregular de resíduos e apoie a proteção ao meio ambiente.

A aplicação NPR é destinada ao público em geral, atendendo a todos os públicos interessados em contribuir para a proteção do meio ambiente e a coleta eficiente de lixo reciclável.

Atualmente ele está em uma etapa bem avançada mas ainda possui seus pontos a serem melhorados, estou sempre pensando em novas coisas que posso fazer para tornar este projeto maior !

• Cadastro de Usuário:

  • Utilizando o banco de dados relacional MySQL, o cadastro de usuários é feito usando o Sequelize, sendo uma forma simples de fazer a comunicação com o banco de dados através do Node.js.

• Cadastro de Pontos de Coleta:

  • Também utilizando o Sequelize, para que seja cadastrado, o usuário deve ter um cadastro ativo no sistema para assim poder continuar a execução do cadastro.

• Mapa com Pontos de Coleta Oficiais:

  • Utilizando a API do Google Maps, podemos mostrar pontos de coleta funcionais em Barueri.

• Feedback:

  • Uma área no fim da página inicial para que o usuário possa enviar um comentário ou feedback.

• HTML
• CSS
• EJS
• Node.js
• Javascript
• MySQL
• Sequelize
• Bootstrap

Página Inicial no deskptop	Página de login no desktop	Página de cadastro no desktop	Página Inicial (Mobile)

Certifique-se de ter o Node instalado em sua máquina.

git clone https://github.com/LacamJC/NewNPR.git
cd NewNPR 

   sudo apt-get update
   sudo apt-get install nodejs

Caso seu sistema seja Windows acesse o site oficial do node e procure a documentação

NewNPR/database/conexao.js

E altere as informaçoes de acordo com as configuraçoes do seu Banco de Dados

const Sequelize = require('sequelize')

const sequelize = new Sequelize("<nome_do_banco>","<nome_do_usuario>","<senha>", {
   dialect: "mysql",
   host: "<nome_do_seu_host>",
   port: <sua_porta>
})

module.exports = sequelize

Após isso execute o comando para inicializar o Projeto

node app

Vá para o navegador e entre em seu localhost acessando a porta 3000 (caso queira alterar a porta de entrada apenas procure a constante port no arquivo app.js)

http://localhost:3000/

Hoje, acordei com uma grande inspiração para mexer, depois de semanas sem olhar para este projeto. Consegui fazer alterações significativas no CSS da maioria das páginas, tornando-as mais agradáveis à vista!

Também aproveitei que aprendi como fazer upload de imagens em outro projeto. Acabei integrando a função de o próprio usuário poder escolher a foto de perfil e também do ponto de coleta.

Além disso, mudei o tamanho das fontes para REM em vez de PX por questões de responsividade. Achei interessante, porém, ainda tenho que alterar para aumentá-las um pouco.

Nova home	Alteração no formulário de cadastro	Página sobre os pontos de coleta