https://github.com/christyanbrayan/doe

Aplicação da 3ª Maratona Dev da Rocketseat :rocket:
https://github.com/christyanbrayan/doe

doe doe-sangue doesangue expressjs js maratonadev nodejs nodemon nunjucks postgres postgresql rocketseat

Last synced: about 2 months ago
JSON representation

Aplicação da 3ª Maratona Dev da Rocketseat :rocket:

• Host: GitHub
• URL: https://github.com/christyanbrayan/doe
• Owner: christyanbrayan
• License: mit
• Created: 2020-02-18T02:28:55.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-09-20T02:32:01.000Z (over 1 year ago)
• Last Synced: 2025-01-16T18:35:47.688Z (4 months ago)
• Topics: doe, doe-sangue, doesangue, expressjs, js, maratonadev, nodejs, nodemon, nunjucks, postgres, postgresql, rocketseat
• Language: CSS
• Homepage: https://rocketseat.com.br/
• Size: 2.8 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


    



 Um sistema de cadastro de doadores de sangue 


 Aplicação web criada a partir da 3ª MaratonaDev da Rocketseat, evento online ocorrido gratuitamente durante os dias 17 e 18 de Fevereiro de 2020 


 Instrutor: Mayk Brito 


  


## Tecnologias

### Front-end

- **HTML5**

- **CSS3**

- **JS**

### Back-end

- **JS**

- **Servidor Node.js**

  - Com as dependências **Express, Nodemon e Nunjucks**

- **Banco de Dados Postgres**

## Dependências

Instaladas através do npm, o **express** (para o servidor web), o **nodemon** (para escutar os arquivos e diretórios, sem precisar reiniciar o nodejs a cada alteração) e o **nunjucks** (para organizar e manipular os conteúdos HTML de forma dinâmica, através de templates engines).

### Banco de dados Postgres

Ligação através do cliente PostgreSQL para node.

Foi criado um banco chamado "**doe**", com uma tabela "**donors**" e com as linhas **id**, **name**, **email** e **blood**.

## Para rodar a aplicação

Clone o projeto e dentro da pasta `doe/` execute:

`npm install`

Para instalar as dependências.

Então, rode:

`npm start`

O terminal deve retornar: "Servidor iniciado."

Acesse via **localhost:3000**

## Retornos

Caso algum dos campos do formulário não sejam preenchidos, retornará na index:

`Todos os campos são obrigatórios.`

Em caso de algum erro no banco de dados, na sua conexão por exemplo, retornará na index:

`Erro no banco de dados.`

Havendo a conexão e preenchimento corretos, a página será recarregada e será adicionada em "últimos doadores" mais uma div com o nome e o tipo sanguíneo cadastrados.

## Interface

Visualização inicial da página

![print1](prints/print1.png "Visualização da página")

---

Ao clicar no botão

![print2](prints/print2.png "Ao clicar em quero ajudar")

---

Cadastramento de um novo doador e visualização na lista de últimos doadores

![print3](prints/print3.png "Adicionando um novo doador, que é adicionado na lista em baixo")

---

Visualização no postbird dos doadores cadastrados no banco de dados postgres

![print4](prints/print4.png "Visualização dos doadores cadastrados no banco de dados através do Postbird")

## Licença

[MIT](https://github.com/christyanbrayan/doe/blob/master/LICENSE)

---

 </> by Christyan Brayan