Covid 19 stats

📊 HOtama Covid Stats

A Real-Time Covid-19 Monitoring Admin Panel

Hotama Covid Stats is a real-time web-based dashboard developed to track and display live COVID-19 statistics both globally and specifically for Indonesia. Designed with simplicity, clarity, and responsiveness in mind, the application serves as an admin panel for monitoring pandemic data, integrating a public API to provide users with timely and accurate health updates.

🧰 Tech Stack

• Frontend: HTML5, CSS3, JavaScript (Vanilla JS)

• Backend: PHP

• Data Source: Public COVID-19 APIs (multiple implementations used to ensure reliability)

• UI Design: Card-based layout, responsive design principles

📌 Key Features & Responsibilities

• ✅ Real-Time Data Integration
  Integrated and re-implemented multiple public COVID-19 APIs to display dynamic and up-to-date statistics, ensuring data accuracy and consistency across global and national views.

• 🌍 Global & National Coverage
  Displays live global statistics for confirmed cases, recoveries, and deaths, with focused data visualization for Indonesia to highlight national trends.

• 🎨 Clear Color-Coded Categorization
  Utilizes an intuitive color scheme—orange for confirmed cases, green for recovered, and red for deaths—to enhance immediate readability and visual differentiation of data categories.

• 📱 Responsive Design
  Designed and implemented a mobile-friendly interface that adapts seamlessly across devices. Uses a clean, stacked layout on smaller screens and an expanded card layout for desktops.

• 📐 Modern UI/UX
  Emphasized a minimalistic, user-friendly design with strong typography, consistent spacing, and a card-based grid layout to ensure clarity in data presentation.

• 🧪 Multiple API Support
  Demonstrated flexibility by swapping between 2–3 different public APIs over the course of development, requiring backend re-integration and front-end data binding updates without compromising UI stability.

• 🛠️ Admin-Focused Dashboard
  Designed with administrators in mind, this dashboard simplifies pandemic tracking for healthcare teams or government officials needing quick insights.

This project exemplifies practical full-stack development skills, combining real-time data processing, responsive design, and user-centric interface design to address a globally relevant problem.