Web & API

WeatherHub

A sleek weather application fetching real-time meteorological data via REST APIs with a responsive interface deployed on Firebase.

JavaScript REST API Firebase
Live Demo View Code
Project Type Live API
My Role Frontend Engineer
Status Deployed

Overview

WeatherHub is a modern, responsive web application designed to provide users with accurate and up-to-date weather forecasts. By interacting with external REST APIs, it processes complex JSON payloads and dynamically updates the DOM to deliver a seamless user experience.

Key Features

Real-Time Telemetry

Fetches live weather data, temperature, humidity, and forecasts from reliable 3rd party APIs.

Responsive Design

Flawlessly adapts to any device, offering a native app-like experience on mobile.

Geolocation Search

Allows users to instantly search for weather conditions by city name or location.

Firebase Hosting

Deployed seamlessly via Firebase, ensuring low-latency asset delivery and high availability globally.

Technical Architecture

The frontend logic is written purely in Vanilla JavaScript, utilizing the Fetch API for asynchronous networking. The UI is constructed with HTML/CSS and styled for maximum legibility.

Vanilla JS UI
REST API
Firebase Edge