hamit213/weather_app_reactjs

HM

---

Weather App

This Weather App is a dynamic web application built using CSS, JavaScript, HTML, and React. It provides users with real-time weather information based on their location input. The app fetches weather data from the OpenWeatherMap API and displays it in an intuitive and visually appealing interface.

Features:

• Real-time Weather Data: Fetches weather data from the OpenWeatherMap API to provide users with up-to-date weather information.
• Location-based Weather: Allows users to input their location and receive weather updates specific to their area.
• Visual Representation: Displays weather conditions using custom-designed icons and background gradients for different weather types.
• Responsive Design: Built with a responsive layout to ensure optimal viewing experience across various devices and screen sizes.

How to Use:

1. Enter your location in the search bar.
2. Press Enter or click the search icon to fetch weather data.
3. View the current weather conditions, including temperature, humidity, wind speed, and weather type.
4. Enjoy the visually appealing interface that dynamically changes based on the current weather.

Technologies Used:

• CSS: Styling and layout design.
• JavaScript: Fetching weather data from the API and handling user interactions.
• HTML: Structure and markup of the web page.
• React: Front-end library for building interactive user interfaces.

Installation:

To run the Weather App locally:

1. Clone this repository to your local machine.
2. Navigate to the project directory.
3. Install dependencies using npm install.
4. Start the development server using npm start.
5. Access the Weather App in your web browser at http://localhost:3000.

Credits:

• Icons: Designed by Flaticon
• Weather Data: Provided by OpenWeatherMap

---