Awesome

<p align="center"> <img src="/src/icon/icon.png" width="128" title="Corona Tracker" alt="Corona Tracker"> </p> <h1 align="center">Corona Tracker</h1> <p align="center">A Google Chrome extension for tracking COVIDVIRUS - COVID-19 update</p>

Introduction

Corona Tracker is developed by using the COVID-19 API to see the latest update about the CORONAVIRUS - COVID-19. It was previously designed for OS level CORONA: COVID-19 using Electron but there was some OS specific issue and code signing hasn't been done.

So, Corona Tracker was introduced as a Google Chrome extension so there's no more OS specific issue and can be run any operating system as long as you're running Google Chrome.

Interface

The interafce is developed by using the Tailwind CSS to make it light and simple.

Features

I have always wanted to make a Google Chrome extension for learning purpose. So, I did it this time when I am in the home quarantine due to the CORONAVIRUS - COVID-19.

Total deaths
Total reported case
Total confirmed case
Sum of total reported case
Latest global deaths
Latest global confirmed case
Latest global recovered case
Automatic current country detection
Refresh data automatically to get the most recent update

Installation

From Google Chrome Webstore
- Go to the CORONAVIRUS - COVID-19 Chrome Webstore page and install it from Google Chrome.
Manual Installation
- Clone the repository
- Run yarn install to install all the dependencies
- Run yarn production that will create a dist directory inside the project
- Go to Chrome Extensions from your browser settings
- Enable Developer mode from the top right corner of the Extensions page
- Use Load unpacked option to select the generated dist directory

Mozilla Firefox

Don't worry if you are running Mozilla Firefox as the CORONAVIRUS - COVID-19 extension is now also available for Mozilla Firefox. You can find it in the firefox branch or directly from the Mozilla Firefox Add-ons marketplace.

Note

There's a difference between the code in the master branch and webstore branch. When the master branch was submitted to Google Chrome webstore, it was pending for a review and it was quite a long time. This is because of the broadHost permission on the content.js that requires to switch extesion icon between the browser light and dark mode.

Since the review process was taking so long, I decided to remove the relevant feature that also removed the broadHost permission. This is how the extension is now live on Google Chrome webstore. If everything goes fine, I might add the relevant feature again in a future update.

Project setup

yarn install

Compiles and hot-reloads for development

yarn hot

Compiles and minifies for production

yarn production

Run your unit tests

yarn test

Run test and hot-reloads for development

yarn tdd