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
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.
- 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.
- 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.
- 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.
- 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.
- 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 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.
- Em seguinte terá os campos para mostrar as seções (galeria, depoimentos e notícias).
- 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).
- 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.
- No final da página fica um rodapé com todas as informações "contatos, política, termos de uso, redes sociais etc...
- 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).
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).
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).
(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.
- Carlos Eduardo Rosendo Basseto, RA: 821231390 (responsável pela apresentação em slides) -> [ https://github.com/KaduRosendo ]
- Francisco Higo Viana Alves, RA: 820265881 (responsável pelo desenvolvimento front, back-end e estrutura de design do site) -> [ https://github.com/higoviana ]
- Gabriel Nunes Castro, RA: 821116785 (responsável divulgação do produto) -> [ https://github.com/TheGabrieel ]
- Guilherme de Miranda Calou, RA: 821147284 (responsável divulgação do produto) -> [ https://github.com/guilhermecalou ]
- Jonas Santos Carezzato, RA: 821148108 (responsável pela apresentação em slides) -> [ https://github.com/CarezzatoJ ]
- 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)
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.