Back to Projects
Featured

Weather Report – Real-Time Global Weather App

Get Real-Time Weather Data by City or Country with a Responsive UI

Weather Report is a responsive weather app that shows real-time temperature, humidity, and wind speed using the AccuWeather API. Users can search by city or country name to get accurate weather info instantly.

Mar 2025 - Mar 2025
20 days
Solo Project
Completed
Live DemoSource Code
Weather Report – Real-Time Global Weather App

Overview

Weather Report is a clean and responsive web application that provides real-time weather data from around the globe. Built using modern frontend tools and powered by the AccuWeather API, it allows users to check weather metrics like: - Temperature - Humidity - Wind Speed Users can search using either a city or country name. The application is fully responsive and optimized for mobile, tablet, and desktop devices. It displays live weather updates by querying the AccuWeather API based on user input.

Problem

Provides users with instant access to accurate weather information anywhere in the world, helping them plan travel, commutes, and daily activities more effectively.

What I Did

  • •Integrated AccuWeather API for dynamic data fetching
  • •Built the responsive frontend with React and CSS
  • •Implemented search functionality by city or country
  • •Displayed structured weather data clearly for user accessibility
  • •Ensured consistent performance and layout across devices

Key Features

✓Real-Time Weather Data with AccuWeather API
✓Search by City or Country Name
✓Displays Temperature, Humidity, and Wind Speed
✓Responsive UI for All Screen Sizes
✓Clean Design with Weather-Based Styling

Impact

Offers a fast and intuitive way to access live weather updates, enhancing convenience and usability for both desktop and mobile users.

Technologies

HTML5JavaScriptCSS3BootstrapFetchAccuWeather APINetlify