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.

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.

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

git clone https://github.com/anshumanpattnaik/covid19-full-stack-application.git

cd covid19-full-stack-application

mongod (Start MongoDB database)

mongoimport --uri "mongodb://127.0.0.1:27017/covid-19" --collection covid_statistics --file dummy_statistics.json

cd server 
npm install
npm start

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

cd client 
npm install
npm start

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

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

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

mapbox://styles/hackbotone/ck8vtayrp0x5f1io3sakcmpnv
mapbox://styles/hackbotone/ck8vt8vdj2fz91ilax6nwtins

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

https://www.youtube.com/watch?v=dth5jfLDuus

Anshuman Pattnaik

This project is licensed under the MIT License