Weather App
A simple and elegant weather application built with React and styled using Tailwind CSS. The app allows users to search for real-time weather data by entering a city name and displays detailed weather information for the specified location.
Features :-
Real-Time Weather Data: Get up-to-date weather conditions including temperature, humidity, wind speed, and more.
Responsive UI: Designed to be fully responsive and functional on all devices.
Search Functionality: Easily search for weather information by city name.
Visual Enhancements: UI elements with hover effects and smooth transitions for a better user experience.
Technologies Used :-
React: For building the user interface.
Tailwind CSS: For styling the application with utility-first CSS.
Axios: For making HTTP requests to the OpenWeatherMap API.
OpenWeatherMap API: For fetching weather data.
Getting Started:-
Follow these steps to set up the project locally.
Prerequisites :-
Node.js and npm installed on your local machine.
An OpenWeatherMap API key. Register and obtain one from OpenWeatherMap.
![Screenshot 2025-02-04 at 11 08 05 PM](https://private-user-images.githubusercontent.com/142729144/409671804-8e68213e-733f-4084-bfc1-afc63208a59e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2NzIyNTAsIm5iZiI6MTczOTY3MTk1MCwicGF0aCI6Ii8xNDI3MjkxNDQvNDA5NjcxODA0LThlNjgyMTNlLTczM2YtNDA4NC1iZmMxLWFmYzYzMjA4YTU5ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNlQwMjEyMzBaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNjA4YzQ5MWQ4ZmRiN2I0NjczNWEyYmY3MmMxNzJlZmM5ODc5YmZkODA3NDE4MTUyNzRmZWU0MDIzZjIxZDJlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.jE_GyGQk-XNsIx6hTHcRjkPNBUCTgwUrsBRoc_1eyQk)