O número de brasileiros que doam sangue no Brasil é muito pequeno se comparado a alta necessidade dos hospitais.
Pensando em melhorar essa situação a Rocktseat desenvolveu esse website em sua 3º MaratonaDev, onde pude acompanhar e realizar o meu próprio desenvolvimento. Também aproveitei para adicionar diversos comentários no código para melhor interpretação de outros DEVs, e também para explicar cada tomada de decisão no desenvolvimento dessa aplicação.
Você encontrará todos os meus códigos logo acima ☝. Espero que gostem 😊.
O funcionamento é muito simples e focado na experiência do usuário na aplicação, pois são poucas as informações que ele precisa enviar e o processo é bem rápido. Basta apenas preencher 3 campos (nome completo, email e tipo sanguíneo).
Assim, o hospital ou instituição responsável pelo site já terá tudo o que precisa desse usuário:
-
Nome e email: Para entrar em contato.
-
Tipo sanguíneo: Para ver se é necessário esse tipo de sangue no hospital ou instituição.
Obs: Note que nesta foto o formulário já está preenchido com meus dados, e que há uma flecha mostrando que ainda não existe meu nome no campo dos "Últimos doadores".
3º Depois de preenchido, ele clicará no botão (Quero ajudar) de dentro do formulário e seu nome aparecerá automaticamente no campo dos "Últimos doadores"
4º Prontinho! O usuário já estará cadastro como um doador e seus dados já estarão guardados dentro de um banco de dados.
- HTML
- CSS
- JavaScript
- PostBird (Versão mais leve do PostgreSQL)
- Feito em NodeJS, utilizando os pacotes:
- Init (Para iniciar minha aplicação com o NodeJS) -- npm init -y (esse -y foi usado para que ele não faça perguntas na inicialização)
- Express (Framework para criar servidores com o NodeJS) -- npm install express
- Nodemon (para automatizar a inicialização do servidor) -- npm install nodemon
- Nunjucks (Engine para adicionar variaveis ao HTML) -- npm install nunjucks
- Pg (para ligar o servidor ao banco de dados) -- npm install pg