Skip to content

higoviana/maosolidaria

Repository files navigation

Mão Solidária

Este é um projeto de um site cujo objetivo de forma prática seria demonstrar os conhecimentos adquiridos nas UCs de "Sistemas distribuídos e mobile" e "Usabilidade, desenvolvimento web, mobile e jogos" da Universidade São Judas Tadeu (1º período de 2022) no qual o tema seria "Soluções de retomada pós pandemia".

O site está hospedado em: https://maosolidaria.netlify.app

Apresentação!!

Somos a Mão Solidária, um projeto que une pessoas e instituições que desejam ajudar o próximo. Para realizar o mundo que todos sonhamos, acreditamos que o caminho é ajudar e incentivar as pessoas.

Demonstração da aplicação:

  1. Ao acessar a página logo ao começo o usuário encontrará um botão "QUERO DOAR" que ao ser clicado vai abrir um formulário para que ele possa preencher os dados e o item que quer doar, exemplo: alimentos, roupas, calçados, valor etc. após isso terá um botão para que o usuário possa escolher o horário para retirada da doação.      

Logo do R   Logo do R


  1. Na página principal logo ao começo na barra de navegação terá um botão galeria que ao ser clicado irá direcionar o usuário para a seção galeria.      

Logo do R   Logo do R


  1. Na página principal logo ao começo na barra de navegação terá um botão notícias que ao ser clicado irá direcionar o usuário para a seção notícias.      

Logo do R   Logo do R


  1. Na página principal logo ao começo na barra de navegação terá um botão pontos de coleta que ao ser clicado irá direcionar o usuário para uma página que mostrará um mapa com os pontos de doação.      

Logo do R   Logo do R

  1. Na página principal logo ao começo na barra de navegação terá um botão home que ao ser clicado irá direcionar o usuário para a página principal.      

Logo do R


  1. Logo mais abaixo caso o usuário queira participar como voluntário terá um botão "SEJA UM VOLUNTARIO" que ao ser clicado irá direcionar o usuário para um formulário de cadastro.      

Logo do R   Logo do R


  1. Em seguinte terá os campos para mostrar as seções (galeria, depoimentos e notícias).      

  1. Em seguida terá um link que ao ser clicado será feito um download de panfletos (objetivo de incentivar as pessoas a contribuírem e ajudar na divulgação do projeto).      

Logo do R   Logo do R


  1. Terá também um link "hall da fama" que ao ser clicado irá direcionar o usuário para uma página que mostra um ranking das últimas pessoas que fizeram doações.       Logo do R   Logo do R

  1. No final da página fica um rodapé com todas as informações "contatos, política, termos de uso, redes sociais etc...        Logo do R

  1. Exemplo de como ficaria a resolução de tela aplicado a um aparelho de celular de modelo Samsung Galaxy S20 Ultra (mostrando a responsividade do site).        Logo do R

Então essa é a ideia do nosso projeto com o intuito principal de atuar como uma ONG filantropica ajudando pessoas vulneráveis com doações (estamos abertos a propostas e também melhorias).

Tecnologias utilizadas:

Logo do R   Logo do R   

O banco de dados que foi utilizado foi o firebase pois como é uma landing page precisariamos apenas capturar os dados dos doadores e do cadastro do voluntário (imagem descritiva abaixo).   Logo do R  

(Todas as imagens utilizadas foram retiradas do site "PEXELS" uma plataforma de imagens gratuitas para utilizar em diversos projetos, a logo foi desenvolvida no site "Logaster")   

Nosso sinceros agradecimentos as pessoas que contribuiram com as imagens grátis que utilizamos no Pexels: 👏👏

Fotos de Julia M Cameron, ANTONI SHKRABA, RODNAE Productions, Cottonbro no Pexels, Vlada Karpovich, Anthony Beck no Pexels, Oleg Magni, Rene Asmussen no Pexels e MART PRODUCTION.      

👨‍💻 Autores desse projeto:

👨‍🏫 Professores orientadores:

  • Andreia Cristina Grisolio Machion (Usabilidade, desenvolvimento web, mobile e jogos - Prática)
  • José Carmino Gomes Junior (Sistemas distribuídos e mobile - Prática)
  • Marcelo de Moura Amorim (Usabilidade, desenvolvimento web, mobile e jogos e Sistemas distribuídos e mobile - Teórica)

Referências:

FOTOS PROFISSIONAIS GRATUITAS. Pexels, 2022. Disponível em: https://www.pexels.com/pt-br/. Acesso em: 14, Abril 2022.

CRIAR LOGOTIPOS. Logaster, 2022. Disponível em: https://www.logaster.com.br/. Acesso em: 14, Abril 2022.

HOSPEDAR PROJETOS. Netlify, 2022. Disponível em: https://app.netlify.com/. Acesso em: 14, Abril 2022.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published