Skip to content

Apfirebolt/react-covid-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React MUI HTML5 CSS3

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

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

List of countries to choose from the dropdown

alt text

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 :)

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published