Weather App 🌦️

A dynamic weather app built with React that fetches real-time weather data from the OpenWeatherMap API using Axios. The app provides users with comprehensive information, including temperature, location, date, time, humidity, wind speed, and weather description. The background of the app dynamically changes based on the current weather conditions, offering a visually appealing representation.

Live Demo 🖥️

Check out the live demo: Weather App

Description 📋

This weather app allows users to search for the current weather conditions of a specific location. It offers a user-friendly interface, displaying essential weather metrics in a clear and concise manner. The app's background changes dynamically to reflect the current weather, enhancing the overall user experience.

Technologies Used 🚀

• React: A JavaScript library for building user interfaces.
• Axios: A promise-based HTTP client for making requests to the OpenWeatherMap API.
• OpenWeatherMap API: Provides real-time weather data and forecasts.
• React Icons: A library of customizable SVG icons for React.

Installation 📥

1. Clone the repository:

   git clone https://github.com/sikares/weather-app.git
   cd weather-app
   npm install

2. Get API key:
   • Visit OpenWeatherMap and sign up to obtain an API key.
   • Replace YOUR_API_KEY in App.js with your actual API key.
3. Run the app:

   npm start

Features ✨

• Real-time Weather Data: Fetches current weather data from the OpenWeatherMap API.
• Dynamic Background: Changes background images based on weather conditions for a visually appealing experience.
• Search Functionality: Users can easily search for weather conditions in specific locations.
• Responsive Design: Ensures a seamless experience on various devices.

Usage ⚙️

1. Enter the desired location in the search bar and press Enter.
2. View real-time weather information, including temperature, humidity, wind speed, and more.
3. Enjoy a dynamic background that reflects the current weather conditions.