Skip to content

KSNauman/Weather_App_React

Repository files navigation

Weather App React

A simple and beautiful Weather App built with React and Material-UI. Fetches real-time weather data for any city using WeatherAPI and displays it in a clean card-based UI.


Features

  • Search for any city to get current weather.
  • Displays:
    • Temperature
    • Feels like temperature
    • Humidity
    • Weather condition
  • Dynamic icons and background images based on weather:
    • Sunny, Rainy, and Winter themes.
  • Graceful no-data state if no weather info is found.
  • Built with React functional components and hooks.

Tech Stack

  • Frontend: React, JavaScript, Material-UI
  • API: WeatherAPI
  • Styling: CSS + MUI components
  • Icons: Material-UI Icons

Demo

Tree

src ├─App.css ├─App.jsx ├─index.css ├─InfoBox.css ├─InfoBox.jsx ├─main.jsx ├─NoDataFound.jsx ├─SearchBox.jsx └─Weather.jsx

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published