diff --git a/README.md b/README.md index 2f48a5c..4e0c4e6 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,32 @@ -
-

COVID19-Tracker

-
:ambulance: Track the spread of the Coronavirus Covid-19 outbreak. -
- - - -

:camera_flash: Image 1: COVID-19 Pandemic Worldwide

- Covid19 -

:camera_flash: Image 2: COVID-19 in Italy

- Covid19 -
-:rocket: Live: https://melboudali.github.io/COVID19-Tracker
-:ok_hand: API: https://corona.lmao.ninja +![Project Thumbnail](https://melboudali.github.io/COVID19-Tracker/images/thumbnail.jpg "COVID19-Tracker") + +# COVID19 Tracker + +with [COVID19 Tracker](https://melboudali.github.io/COVID19-Tracker/) you can get the latest COVID-19 data for your province or territory. Track the global spread of coronavirus with maps and updates on cases and deaths around the world. + +[![Stars](https://img.shields.io/github/stars/MedElBoudali/COVID19-Tracker.svg?style=social&label=Star "Project Stars")](https://github.com/MedElBoudali/COVID19-Tracker) + +## Installation + +1. Clone the repo + ``` + git clone https://github.com/melboudali/COVID19-Tracker.git folder-name + ``` +2. Create `.env.local` file +3. Paste and modify these environment variables: + ``` + REACT_APP_API_KEY = "" + REACT_APP_BASE_URL= "https://disease.sh/" + ``` +4. Start the application + ``` + npm start + ``` + > we are using mapbox for data visualization, you can get an API key from [here](https://account.mapbox.com/). + +## Images: + +- First Image + ![Project image](https://i.imgur.com/0IkkeTc.png "COVID19-Tracker") +- Second Image + ![Project Image](https://i.imgur.com/0IkkeTc.png "COVID19-Tracker")