---
# System prepended metadata

title: Untitled

---

* [Project Name](#name)
* [Design](#design)
* [Links](#links)
* [Problem](#problem)
* [Solution](#solution)
* [User Stories](#stories)
* [User Journey](#journey)
* [Features](#Features)
* [Installation](#install)
* [Technology and purpose](#technology)
* [About Us](#about-us)



### **Project Name:** <span id='name'></span>
COVIDtracker

### **Design:** <span id='design'></span>
* Mobile Design:
![](https://i.imgur.com/e9m9tW1.jpg)
* Desktop Design:
![](https://i.imgur.com/XE0YJfx.jpg)
* Dark Theme:
![](https://i.imgur.com/XY8mTuC.jpg)

### **Links:** <span id='links'></span>
* You can visit our live website [Here](https://github.com/GSG-CF04/COVIDtracker)

* [Our figma design](https://www.figma.com/file/VF9lTTZuCsNtRyAUgkNn3I/Team-02-final?node-id=0%3A1)

* Our API documentation: 
1. [API location](https://api.ipgeolocation.io/ipgeo?apiKey=cf2be30a619a447897245a7857d48018) 
2. [API Cases](https://documenter.getpostman.com/view/10808728/SzS8rjbc)
3. [API Digram](https://corona.dnsforfamily.com/api.txt)

### **Problem:** <span id='problem'></span>

* Many users find it difficult to access information about the COVID-19 virus and search websites for the latest updates on the disease.
* Many people are not following and ignoring the rules of COVID-19.
<!--[](https://i.imgur.com/HRS8B2H.jpg) -->

### **Solution:** <span id='solution'></span>
In this application, we display all information about covid-19 such as daily infection cases, total infections, number of active cases, total recovery cases and total deaths.
With a graph of cases by country
We add tips to protect you from COVID-19.

### **User stories:** <span id='stories'></span>

* As a user, you will be able to read the instructions to prevent the spread of the Covid-19 virus.
* As a user, you will be able to be aware about the infected cases and deaths numbers in your country.
* As a user, you will be able to skip instructions every time you access the page.
* As a user, you will be able to search for injuries in any country other than your own.

### **User Journey:** <span id='journey'></span>
The user enters the app and presses continue button through the home page. When you click on the continue button, it moves you to the next page where you can show the instructions of COVID-19, then you can skip or go to the next page that you can choose the country to know the number of active cases, recovered people and total deaths with digram.

![](https://i.imgur.com/zP1Ac70.jpg)

### **Features:** <span id='Features'></span>
* Simple UI.
* Responsive design.
* Dark Theme.
* Autocomplete search field.
* Easily flip instruction pages.
* Easily search for any country to view statistics.
### **Installation:** <span id='install'></span>
* Clone the repo.
* git clone `https://github.com/GSG-CF04/Team-2-final.git`
* Open index.html.
* Enjoy the jounery.

### **Technology used in this project and it's purpose:** <span id='technology'></span>

* HTML.
* CSS.
* JavaScript.
* API.
* LocalStorage.
* GitHub.
### **Team members:** <span id='about-us'></span>
- [Samah Jamie](https://github.com/samahjamie) - Team member
- [Hana Hijazi](https://github.com/techhana2014) - Team member
- [Ibraheem Nabeel](https://github.com/Ibrahimnabeel9) - Team member
- [Yazan Shubair](https://github.com/yazan05) - Team member