A simple and responsive weather application built with Vite + React and powered by a weather API. This app provides real-time weather information for any city worldwide.
Features ✨ Real-time Weather Data: Fetch and display current weather conditions for any city.
Search Functionality: Users can search for weather information by city name.
Responsive Design: Works seamlessly on desktop and mobile devices.
Dynamic Hourly Icons: Background changes based on weather conditions (e.g., sunny, rainy, snowy).
Temperature Unit : Celsius
Technologies Used 🛠️ Frontend: React, Vite
Styling: CSS
API: OpenWeatherMap API (or the specific API you used)
Deployment: Vercel/GitHub Pages)
Installation 🚀 To run this project locally, follow these steps:
Clone the repository:
bash Copy git clone https://github.com/your-username/weather-app.git Navigate to the project directory:
bash Copy cd weather-app Install dependencies:
bash Copy npm install Set up environment variables:
Create a .env file in the root directory.
Add your API key:
env Copy VITE_API_KEY=your_api_key_here Run the development server:
bash Copy npm run dev Open the app:
Visit http://localhost:3000 in your browser.
Usage 🖥️ Enter the name of a city in the search bar.
View the current weather conditions, including temperature,and weather description.
Contributing 🤝 Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
Fork the repository.
Create a new branch:
bash Copy git checkout -b feature/your-feature-name Commit your changes:
bash Copy git commit -m "Add your commit message here" Push to the branch:
bash Copy git push origin feature/your-feature-name Open a pull request.
Acknowledgements 🙏 Thanks to OpenWeatherMap for providing the weather data API.
Built with ❤️ using Vite and React.
Future Goals: Toggle between standard units of temperature, Visual dyanmic backgrounds with weather status, Radar Map visualization for weather with geography,