Skip to content

☁️ Simple Weather App – A clean and responsive web app to display real-time weather data using OpenWeatherMap API.

Notifications You must be signed in to change notification settings

amitrajstm/WeatherApp

Repository files navigation

🌦 Weather App

A simple weather application that fetches real-time weather data for any city using the OpenWeatherMap API. The app provides temperature, humidity, and weather descriptions while dynamically updating the UI with relevant weather images.

🚀 Features

  • 🌍 Search any city to get live weather updates.
  • 🌡️ Displays temperature, min/max temperature, humidity, and weather description.
  • 🖼️ Dynamic weather images based on weather conditions.
  • Fast and responsive UI using Material-UI and React.

🛠️ Technologies Used

  • React.js (with functional components & hooks)
  • Material-UI (for UI components)
  • OpenWeatherMap API (for fetching weather data)
  • Unsplash API (for fetching dynamic weather images)

📌 Installation

  1. Clone the repository:

    git clone https://github.com/amitrajstm/WeatherApp.git
    cd weather-app
  2. Install dependencies:

    npm install
  3. Create a .env file in the root directory and add your OpenWeatherMap API key:

    API_KEY =  import.meta.env.<VITE_your_api_key_here>
  4. Run the application:

    npm start

🔥 Usage

  1. Enter the name of any city in the search box.
  2. Click the "Search" button.
  3. View the live weather details and an image representing the weather.

🖼️ Screenshots

Weather App UI

🔧 Future Enhancements

  • 🌍 Geo-location support to fetch weather for the user's location.
  • 📅 5-day weather forecast.
  • 🎨 More animated UI improvements.
  • 🌐 Multi-language support.

🤝 Contributing

Contributions are welcome! Feel free to submit a PR or open an issue.

📄 License

This project is licensed under the .... License.


Happy Coding! 😊

About

☁️ Simple Weather App – A clean and responsive web app to display real-time weather data using OpenWeatherMap API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published