Corana Monitorament MapView

Aplicação Mobile e web para monitoramento dos casos da Covid-19.

Meta

Fernando Marca Magalhães – fernandomarca@hotmail.com

Distribuído sob a licença MIT. Veja LICENSE para mais informações.

https://github.com/fernandomarca/coranaMonitoramentoMapView

Ajudamos os municípios do Paraná a monitorar e mapear os casos confirmados e suspeitos da Covid-19, em tempo real em um mapa interativo, para que os interessados possam traçar suas estratégias de controle de forma mais eficiêntes.

Contributing

1. Faça o fork do projeto (hhttps://github.com/fernandomarca/coranaMonitoramentoMapView/fork)
2. Crie uma branch para sua modificação (git checkout -b feature/fooBar)
3. Faça o commit (git commit -am 'Add some fooBar')
4. Push (git push origin feature/fooBar)
5. Crie um novo Pull Request

Linkdin Github

Corana Monitorament MapView

#Capa Desktop-Web

#Mobile #Legenda: alfinete Vermelho=Caso Confirmado, Alfinete Amarelo= Caso Suspeito, Alfinete Verde saúdavel/curado, Alfinete Azul= Óbito confirmado

Projeto desenvolvido durante a quarentena com base na NextLevelWeek da Rocketseat para aplicar os conceitos de typescript, Node.js, ReactJS e React Native.

Trata-se de uma aplicação completa (backend, frontend e mobile) para ajudar os municípios do oestes do estado do paraná no monitoramento dos casos da covid-19. Auxilía no monitoramneto em tempo real pela visualização no mapa integrado, bem como para o contato com as pessoas cadastradas para acompanhamento do seu estado de saúde.

Começando  |   Instalação  |   Execução  |   Tecnologias  |   Preview  |  

Começando

As instruções a seguir são para fornecer uma cópia deste projeto que poderá ser executada na sua máquina local para fins de desenvolvimento e teste.

Pré Requisitos

• É necessário que você tenha o Node.js instalado em sua máquina.
• Para a aplicação Mobile é necessário instalar o pacote expo em sua máquia

Instalação

Clonando este repositório em sua máquina local e acessaando a pasta do projeto:

git clone https://github.com/fernandomarca/coranaMonitoramentoMapView.git

### Backend
Instalando as dependências do backend da aplicação:

```bash
cd server
npm install / npm up

crie as variáveis de ambiente necessárias.

Frontend

Instalando as dependências do frontend da aplicação:

cd ../web
npm install / npm up

Crir as variáveis de ambiente necessárias.

Mobile

Instalando as dependências da aplicação mobile:

cd ../mobile
npm install / npm up

Crie as variáveis de ambiente necessárias.

Execução

Toda a aplicação pode ser inicializada em ambiente de desenvolvimento com facilidade, seguindo as instruções abaixo:

Backend

A primeira parte que deve ser executada no ambiente de desenvolvimento é o servidor node.js.

Certifique-se de que está dentro da pasta server do projeto em seu terminal e que você já configurou as variáveis de ambiente corretamente, em seguida execute o comando abaixo para inicializá-lo:

npm run dev

Frontend

Este é o site ReactJS onde os pontos de coleta são cadastrados. É necessário que o backend já esteja operacional.

Certifique-se de que está dentro da pasta web do projeto em seu terminal e que você já configurou as variáveis de ambiente corretamente, em seguida execute o comando abaixo para inicializá-lo:

npm start

Mobile

Nesta parte você irá inicializar a aplicação mobile, escrita com React Native onde os pontos de coleta podem ser consultados por cidade. Esta parte funciona independente do Frontend, porém é necessário que o backend já esteja operacional.

Certifique-se de que está dentro da pasta mobile do projeto em seu terminal e que você já configurou as variáveis de ambiente corretamente, em seguida execute o comando abaixo para inicializá-lo:

npm start

Após o projeto mobile inicializar, será exibido um QRCode no terminal e uma aba dos eu navegador irá carregar o Metro Bundler. Neste momento você precisará instalar em seu dispositivo móvel, um aplicativoo chamado Expo. Ele está disponível nas APP Stores:

• Expo na Google Play
• Expo Client na Apple Store

Abra em seu smartphone o aplicativo Expo e escaneie o código de barras exibido na inicialização do projeto.

Tecnologias

• Node.js - Usado para construir o backend (webservice REST) do projeto
• express - Framework Web utilizado no backend
• knex.js - ORM usado no backend para auxiliar no versionamento do banco de dados
• sqlite3 - Banco de dados utilisado no backend para peristência dos dados
• React - Usado para construir o frontend (website)
• React Native - Usado para construir a aplicação Mobile multiplataforma
• expo - Usado para facilitar o desenvolvimento com React Native
• typescript - Usado para melhorar a integridade do código final e auxiliar o desenvolvimento em equipe

Confira a lista completa de tecnologias utilizadas no arquivo package.json, presente na pasta raiz de cada parte do projeto.

Preview

API implementada no backend não possui interface gráfica própria. Para ver como ficou, confira o código aqui no repositório.

Feito por Fernando Marca Magalhães