Portfolio

Overview:

The is a simple tool that allows users to search for real-time weather conditions by entering a city name, using React, it fetches data from the OpenWeatherMap API and displays the weather conditions such as temperature, humidity, wind speed, and weather description. This project demonstrates the use of API integration, state management, and environment variables in a React application.

Screenshots

Key Features:

1. City Search:

Users can search for real-time weather by entering the name of a city.

2. Weather Details:

Displays current temperature, weather condition, humidity, and wind speed.

3. Weather Icons:

Shows weather condition icons (e.g., sunny, cloudy, rainy) for a quick visual cue.

4. Error Handling:

Provides clear error messages if the city is not found or if there’s an API issue.

5. API Integration with Async Requests:

Utilizes the OpenWeatherMap API to fetch real-time weather data. Asynchronous requests using async/await ensure the app remains responsive while waiting for data, and errors are handled gracefully.

6. Secure API Key Management:

Uses environment variables to securely store and hide the API key.

Category:

Tags:

Links:

• GitHub