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.

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.      

2. 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.      

3. 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.      

4. 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.      

5. 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.      

6. 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.      

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

8. 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).      

9. 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.        

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

11. 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")   

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.