kurtyazdizadeh/covid19-recovered-cases

A map showing COVID-19 recovered cases in the United States

COVID-19 Recovered Cases Tracker

A web application using Google GeoCharts and the Coronavirus Smartable API to display cases of patients who have recovered from COVID-19 in the United States.

Technologies Used

• jQuery (AJAX)
• Node.js
• Express
• Bootstrap 4
• JavaScript (Object Oriented Programming)
• HTML5
• CSS3

Live Demo

Try the application live at https://covid19recoveredtracker.kurtyazdizadeh.com

Features

• Displays a general overview of the country, showing recovered cases per state.
• Displays recently recovered cases and total cases for the region displayed on the map.
• List view will show a badge for recently recovered cases per state (if available).
• Clicking on a state (or choosing from the list, if available) loads a more detailed view of that state's data, showing recovered cases per county (if recorded), otherwise will show unknown locations as a general recovery for that state.
• Mobile Responsive: will work in portrait and landscape mode for iPhone 6/7/8 and iPad

Preview

Development

Getting Started

1. Clone the repository.

   git clone https://github.com/kurtyazdizadeh/covid19-recovered-cases
   cd covid19-recovered-cases

2. Install all dependencies with NPM.

   npm install

3. Register for your own API keys here: COVID-19 Smartable API and Google Maps API

4. Create a .env file and insert your API keys following the template below:

   PORT=3001
   DEV_SERVER_PORT=3000
   
   covid19_APIKey=your_key_here
   covid19_APIKey_secondary=your_secondary_key_here

5. Start the project. Once started you can view the application by opening http://localhost:3000 in your browser.

   npm run dev

Screenshots

iPad Landscape

iPad Portrait

iPhone 6/7/8 Landscape

iPhone 6/7/8 Portrait