https://github.com/muhammadwaseemakram093/covid-19-full-stack
Coronavirus - (COVID-19) Full Stack Application
https://github.com/muhammadwaseemakram093/covid-19-full-stack
fullstack-development googlemaps nodejs redux
Last synced: about 2 months ago
JSON representation
Coronavirus - (COVID-19) Full Stack Application
- Host: GitHub
- URL: https://github.com/muhammadwaseemakram093/covid-19-full-stack
- Owner: muhammadwaseemakram093
- License: mit
- Created: 2025-06-25T12:50:15.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T12:51:44.000Z (about 1 year ago)
- Last Synced: 2025-06-25T13:48:28.936Z (about 1 year ago)
- Topics: fullstack-development, googlemaps, nodejs, redux
- Language: JavaScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this 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](https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data) 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](https://github.com/CSSEGISandData/COVID-19/tree/master/csse_covid_19_data) 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 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
```
### Server Installation
```
cd server
npm install
npm start
```
Open [http://localhost:9000](http://localhost:9000) to view it in the browser.
### Client Installation
```
cd client
npm install
npm start
```
Open [http://localhost:3000](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`;
export const MAPBOX_ACCESS_TOKEN = `YOUR_MAPBOX_API_TOKEN`;
```
### MAPBOX Styles
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
```
### Note
If you face any problem or have any suggestion on improving the code then feel free to raise an issue.
### Youtube explanation
[https://www.youtube.com/watch?v=dth5jfLDuus](https://www.youtube.com/watch?v=dth5jfLDuus)
### Website Design & Developed by
[Anshuman Pattnaik](https://www.linkedin.com/in/anshuman123/)
### License
This project is licensed under the [MIT License](LICENSE)