This City-Based Weather Application is a dynamic and user-friendly web app built with React.js, allowing users to check current weather conditions for any city around the globe. It leverages the Current Weather API from OpenWeather to provide real-time updates.
- ☁️ Real-time Weather Data: Instant updates on temperature, humidity, wind speed, and other vital weather information for any searched city.
- 📱 Intuitive User Interface: A clean and responsive design for a seamless experience across devices.
⚠️ Error Handling: Robust error management for scenarios such as incorrect city names or network issues.- 🔍 Interactive Search: Easy entry of city names in an input field with immediate feedback.
- 🌈 Visual Representation: Engaging weather icons for a quick visual summary of the forecast.
You can check out the live application here: weather.abishaek.com
- Frontend: React.js
- API: OpenWeather Current Weather API
- Node.js: v21.7.3
- npm: v10.5.0
To run this application locally, follow these steps:
-
Clone the repository:
git clone https://github.com/abishaekduresh/City-based-Weather-Application-using-React-JS.git
-
Navigate into the project directory:
cd city-based-weather-app -
Install dependencies:
npm install
-
Run the application:
npm run dev
The application will be running at http://localhost:5174.
- Enter a city name in the search bar and press "Enter" or click the search icon to fetch the weather data.
- The application displays real-time weather information, including temperature, humidity, wind speed, and location coordinates.
Contributions are welcome! If you have suggestions for improvements or features, please open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to OpenWeather for providing the weather data API.
- Special thanks to the React.js community for their invaluable resources and support.