pedrohenriquebraga / green-force

Um site criado com o objetivo de ajuda o Meio Ambiente e incentivar o plantio de árvores.

Home Page:https://green-force-project.glitch.me/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🌳 Green Force

Imagem do Green Force

Green Force é um projeto meu para testar meu conhecimentos em NodeJs e ao mesmo tempo concientizar as pessoas que devemos cuidar do meio ambiente e incentivar a plantação de árvores no mundo.

Para conter o aquecimento global precisamos plantar mais de 1 Trilhão de árvores. Depois que soube dessa informação eu decidi criar o Green Force, um site onde pessoas podem mandar fotos de árvores que elas plantaram e mostrar que existem pessoas no mundo que querem salvar ele.

⚙️ Como funciona o site?

O funcionamento do site é bem simples. Temos a página principal onde existe algumas informações como os números do desmatamento no mundo, mostra o desmatamento na Amazônia e algumas outras informações. Além disso, tem o mural, onde é apresentado às imagens que as pessoas enviaram junto com o nome, título e uma descrição que a pessoa colocou.

Para fazer a publicação no mural, existe um formulário, onde a pessoa informa:

  • Nome
  • Email
  • Estado
  • Cidade
  • Título
  • Imagem da Árvore (através de link)
  • Descrição

Depois disso, a publicação é cadastrada no nosso banco de dados e é apresentada na página inicial em alguns segundos.

🌐 Quais tecnologias foram usadas no projeto?

Foram usados no frontend HTML/CSS/JS/Axios e no backend NodeJs(Express, Cors, Nodemom e SQLite3).

🤔 Minha opinião sobre este projeto

Esse foi o maior projeto que realizei sozinho até hoje, e eu acho que me sai muito bem. Aprendi muito com ele, principalmente sobre CSS e JS. Na minha opinião, ele ficou muito bom, claro que ainda tem muito que melhorar, mas para um projeto feito em 1 semana e meia, está ótimo.

VEJA MAIS SOBRE MIM

Bye Bye!!

About

Um site criado com o objetivo de ajuda o Meio Ambiente e incentivar o plantio de árvores.

https://green-force-project.glitch.me/

License:MIT License


Languages

Language:CSS 40.8%Language:HTML 33.0%Language:JavaScript 26.3%