https://github.com/apfirebolt/react-covid-tracker

An application made in React which uses Covid19 API to get the latest covid data for various countries
https://github.com/apfirebolt/react-covid-tracker

covid-19 material-ui react reactjs

Last synced: 2 months ago
JSON representation

An application made in React which uses Covid19 API to get the latest covid data for various countries

• Host: GitHub
• URL: https://github.com/apfirebolt/react-covid-tracker
• Owner: Apfirebolt
• Created: 2022-03-03T11:55:57.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-03-03T17:46:06.000Z (about 3 years ago)
• Last Synced: 2025-02-01T04:48:43.116Z (4 months ago)
• Topics: covid-19, material-ui, react, reactjs
• Language: JavaScript
• Homepage:
• Size: 719 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![MUI](https://img.shields.io/badge/MUI-%230081CB.svg?style=for-the-badge&logo=material-ui&logoColor=white)

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)



  Covid 19 Update App in React



## Overview

- **Made in React.** A progressive modern front-end Javascript framework to build blazing fast SPA applications.

- **Covid 19 API.** Uses API from this website https://covid19api.com/, might have a rate limit but no key is required to access the end-point at the time of writing this.

- **Material UI** It makes use of React Material components for form and card elements used in the application.

## Development Setup

Please install node modules through npm install command, contains separate front-end and back-end sections.

```

npm install

// For making a build and deploying for production

npm run build

// For development

npm start

```

## Future improvements

- Little to no scope of including anything else in this project as it is a simple API integration based application.

- Might add deployment scripts to deploy on Heroku, Netlify and through Docker on personal server.

## Project Screenshots

There isn't a lot of scope of adding screenshots for this project as it only contains a single page. First part of the homepage is depicted below which shows country specific Covid data.

![alt text](./screenshots/covid1.png)

Second part of the first page which shows how Global data is displayed which is basically similar to how country data is shown.

![alt text](./screenshots/covid2.png)

List of countries to choose from the dropdown

![alt text](./screenshots/covid-list.png)

## Estimated Completion Time

The project is expected to be completed in around 4 hours. Most of the time was spent of flexing the UI until I was satisfied :)