Skip to content

📚 Covid-19 Tracker é um projeto web que demonstra no mapa o status atual de todos os países no mundo em relação ao COVID-19, além de informar o ranking de casos por estados no Brasil, fazendo o desenvolvimento front-end com as tecnologias TypeScript, Node, ReactJS e Material-UI.

License

Notifications You must be signed in to change notification settings

LuizCarlosVilela/Covid19-TrackerWorld

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Covid-19 Tracker ⚠️

Covid-19 Tracker Banner

📚 Covid-19 Tracker é um projeto web que demonstra no mapa o status atual de todos os países no mundo em relação ao COVID-19, além de informar o ranking de casos por estados no Brasil, fazendo o desenvolvimento front-end com as tecnologias TypeScript, Node, ReactJS e Material-UI.

Tela Web 📟

Home web


Tela Mobile 📱

Home mobile


🚀 OBJETIVO

Projeto tem como principal objetivo mostrar a atual situação dos casos do vírus covid-19 de todos os países no mundo em um formato de mapa personalizado, além de motrar o ranking de casos dos estados brasileiros, e também tem a opção de buscar os dados de determinado estado em relção ao COVID-19. Além de desenvolver conhecimento na linguagem typescript e na biblioteca ReactJS, em meio ao desenvolvimento conseguir aprender e além de praticar o uso da biblioteca Material-UI. Os dados do projeto vem de uma API com dados oficiais sobre o novo vírus COVID-19.

💻 TECNOLOGIAS

📟 Website (React)

Arquivo json do fron-end do webSite Package.json

Utilitários

🍷 COMO UTILIZAR

Configurações Iniciais

Primeiro, você precisa ter o NodeJS instalado na sua máquina.

Se você estiver utilizando o Linux, você pode optar por instalar o Node através do gerênciador de versões asdf para facilitar o processo de mudança da versão do Node, quando for necessário.

Você pode optar também por utilizar o yarn no lugar do npm. Você pode instalar clicando nesse link, ou através do asdf.

Após ter o Node instalado, instale as dependências do React de forma global, utilizando os comandos:

# React:
$ npm install create-react-app -g

Instale as dependências contidas nos arquivos package.json que se encontram na raíz do repositório. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:

$ npm install

# ou
$ yarn

Exemplos:

# Instalando as dependências do website:
$ cd ./Covid19-TrackerWorld
$ npm install

Veja os arquivos package.json no Package.json.

Utilizando o Website

# Executando o website no modo de desenvolvimento:
$ npm run start

Se o browser não abrir automaticamente, acesse: http://localhost:3000.

📚 REFERÊNCIAS

📃 LICENÇA

Este repositório está licenciado pela MIT LICENSE. Para mais informações detalhadas, leia o arquivo LICENSE contido nesse repositório.

Feito com ❤️ por Luiz Carlos Vilela

About

📚 Covid-19 Tracker é um projeto web que demonstra no mapa o status atual de todos os países no mundo em relação ao COVID-19, além de informar o ranking de casos por estados no Brasil, fazendo o desenvolvimento front-end com as tecnologias TypeScript, Node, ReactJS e Material-UI.

Topics

Resources

License

Stars

Watchers

Forks