Covid19 Full Stack Application Save

Coronavirus - (COVID-19) Full Stack Application

Project README

Coronavirus - (COVID-19) Full Stack Application

The idea behind this application is to displays the statistics of Coronavirus COVID-19 around the world and the data are being collected from Johns Hopkins University Center for Systems Science and Engineering JHU CSSE and it updates the cases constantly on this website around the world.

Technical Overview

This is a full-stack application which runs react.js in front-end and node.js in the back-end and it parses the data from JHU CSSE and stored in MongoDB database.

And it uses Mapbox to populate the coordinates on the map using GeoJSON format.

MongoDB sample database import command

After git clone import the dummy statistics into your local MongoDB database, which will help you to start the project.

git clone

cd covid19-full-stack-application

mongod (Start MongoDB database)

mongoimport --uri "mongodb://" --collection covid_statistics --file dummy_statistics.json

Server Installation

cd server 
npm install
npm start

Open http://localhost:9000 to view it in the browser.

Client Installation

cd client 
npm install
npm start

Open http://localhost:3000 to view it in the browser.

Change the constants values in Client app

export const BASE_URL = `http://YOUR_LOCAL_IP_ADDRESS:9000`;


These two below styles i have made public and it should work when you use your own MAPBOX_API_TOKEN



If you face any problem or have any suggestion on improving the code then feel free to raise an issue.

Blog & Youtube explanation

Website Design & Developed by

Anshuman Pattnaik


This project is licensed under the MIT License

Open Source Agenda is not affiliated with "Covid19 Full Stack Application" Project. README Source: anshumanpattnaik/covid19-full-stack-application

Open Source Agenda Badge

Open Source Agenda Rating