-+ readme file.

README.md

@@ -1,14 +1,32 @@
-<div align="center">
-        <h1>COVID19-Tracker</h1>
-        <h5>:ambulance: Track the spread of the Coronavirus Covid-19 outbreak. 
-    </h5>
-    <a href="https://github.com/MedElBoudali/COVID19-Tracker" target="\_parent">
-        <img alt="" src="https://img.shields.io/github/stars/MedElBoudali/COVID19-Tracker.svg?style=social&label=Star" />
-    </a>
-    <p align="center">:camera_flash: Image 1:  COVID-19 Pandemic Worldwide</p>
-    <img width= "500px" src='https://i.imgur.com/0IkkeTc.png' alt='Covid19'/>
-    <p align="center">:camera_flash: Image 2: COVID-19 in Italy</p>
-    <img width= "500px" src='https://i.imgur.com/d6CdIbf.png' alt='Covid19'/>
-</div>
-:rocket: Live: https://melboudali.github.io/COVID19-Tracker <br/>
-: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")