Afro Vita is a platform where platform where organizations can get information about specific diseases that area affecting each African country and how many people are affected. This allows humanitarian organizations, governments, Non-Governmental Organizations, and so on to know the numbers and dispatch aid and funding effectively and accordingly.
# AfroVita
## Project Overview
Afro Vita is a web application where organizations and individuals can get information about specific diseases that ara affecting each African country and how many people are affected. This allows humanitarian organizations, governments, Non-Governmental Organizations, and so on to know the numbers and dispatch aid and funding effectively and accordingly. It can also assist people in academia who want to conduct research. It makes the data from the World Bank API and makes it easy to view, by visualizing it in charts.
---
## Link to Demo Video
youtube.com
---
## Link to Website
desjeriva.tech
---
## Features
- Fetches health data from the World Bank APi and displays in a graphical form.
- User interactions:
- Sorting data based on severity
- Filtering results based on country and year
- Clear, easy-to-understand presentation of data
- Error handling for API downtime.
---
## Technologies Used
- Frontend: HTML, CSS, JavaScript
- API Used: World Bank API
- Web Servers: Nginx (web-01 and web-02)
- Load Balancer: HAProxy (lb-01)
---
## UI Screenshots
### Header
### Data Visualization
### Filters and Sorting
### Various Health Indicators
### Mobile View
### Tablet View
---
## How I Deployed the Application to the Servers
1. I SSHed into the web-01 and web-02 server with this command:
```bash
ssh -i ./school ubuntu@3.84.37.39(for web-01) / ubuntu@18.206.244.77 (For web-02)
2. I installed nginx on the webservers with this command:
```bash
sudo apt update && sudo apt install nginx
3. I changed the web servers' (web-01 and web 02) html page from the default nginx html landing page to the files for my own project and put all my source code /var/www/html
4. I Configured the Nginx to serve the application:
```nginx
server {
listen 80 default_server;
listen [::]:80 default_server;
root /var/www/html;
index index.html index.htm index.nginx-debian.html;
server_name _;
add_header …