Skip to content

Aryannagar1912/Weather-App

Repository files navigation

Weather App 🌤️

A sleek, responsive weather app built using React and Material UI. This app provides real-time weather updates based on user-entered city names, displaying temperature, weather conditions, and more.

Features 📋

  • City Search: Quickly search for any city worldwide to get up-to-date weather information.
  • Real-Time Temperature: Displays current temperature, with easy toggling between Celsius and Fahrenheit.
  • Detailed Weather Info: Shows key data, including humidity, min & max temperature, and general weather conditions.
  • Dynamic Backgrounds: Background images change based on weather conditions:
    • Rainy Weather: Displays a rain image.
    • Hot Weather: Shows a summer photo.
    • Cold Weather: Features an icy landscape image.
  • Modern UI: Crafted with Material UI components, providing a clean and responsive interface.
  • Error Handling: Provides friendly feedback for invalid city names or when data is unavailable.
  • Loading Indicators: Responsive loading animations enhance the user experience.

Tech Stack 🛠️

  • Frontend: React, Material UI
  • API: OpenWeatherMap API
  • Styling: Material UI components for a consistent, attractive design

Weather App Screenshot

About

A responsive weather app built with React and Material UI that provides real-time weather updates based on city names. The app features dynamic background images that change according to the weather conditions: rain, hot, or cold. Users can easily search for any city to view temperature, humidity, wind speed, and other essential weather details.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors