Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Description
This Weather Navigator is a React-based application developed with Vite that provides real-time weather information for any city worldwide. It fetches weather data from the OpenWeatherMap API and displays key metrics, including temperature, humidity, wind speed, and an appropriate weather icon. The app features a dynamic background that changes according to the current weather conditions, enhancing the visual experience for users.
Features
1.Search Functionality: Users can enter the name of any city to fetch the current weather conditions.
2.Dynamic Background: The app changes the background color based on the weather conditions (e.g., sunny, cloudy, rainy, snowy).
3.Weather Metrics: Displays essential weather information:
Temperature (°C).
Humidity (%).
Wind Speed (km/h).
4.Responsive Design: The app is designed to be user-friendly and responsive, adapting to various screen sizes.
Technologies Used
1.React: For building the user interface and managing application state.
2.Vite: A modern build tool that provides a fast and efficient development experience.
3.OpenWeatherMap API: To fetch real-time weather data.
4.CSS: For styling the application and creating a visually appealing layout.