Map of covid-19

This project is about making a real word app that every body can use, and so I chose to make a map where you can explore covid-19 cases around the world.
It is made using only HTML, CSS and Javascript, I used Parcel to minify and bundle the project and Netlify to deploy it.
The covid-19 map app contains the following features:

• A full-fledged Google maps
• A menu to show covid-19 cases by cities, provinces or countries
• A tooltip that shows the name of the place, last update and confirmed cases

How to use

Clone the project to your machine:

git clone https://github.com/encetroc/covid-19-map.git

Get inside the project's folder:

cd covid-19-map

Create a new file called .env in the root of your project, just next to package.json and write the following inside of it:
Don't forget to change <google_map_api_key> with your own google map API key

GoogleMapsAPIKey = <google_map_api_key>

Install dependencies:

npm install

run the project:

npm run dev

All source files (html, css, js and assets) are in src directory.

Roadmap

• Add some style to the tooltip
• Add loading screen when data is being downloaded
• Add a search bar, to search by countries, provinces or cities
• Add transition animation when you navigate from place to place
• Add the possibility to filter between confirmed, dead and recovered cases
• Add a heatmap display for cities cases

Authors and acknowledgment

• A big thank to Jeff Delaney who inspired me to make this project after I watched his Youtube video
• Thanks to TrackCorona for providing the data