I've developed a sleek and user-friendly weather app using React, from a reliable weather API. The app provides accurate and up-to-date weather information, allowing users to effortlessly check forecasts, current conditions, and more. The intuitive design ensures a seamless user experience, making it easy for anyone to stay informed about the weather with just a few clicks.
weather_app.mp4
Welcome to the Weather Web App! This application allows users to check real-time weather information, including temperature, humidity, minimum and maximum temperatures, and weather type, all through a beautiful and responsive UI built with React.
- Real-time Weather Data: Get up-to-date weather information for any location.
- Temperature Details: View current, minimum, and maximum temperatures.
- Humidity Levels: Check the humidity level in percentage.
- Weather Type: See the current weather type (e.g., sunny, cloudy, rainy).
- Responsive Design: Optimized for both desktop and mobile devices.
- Frontend: React.js
- API: Weather data is fetched from a reliable weather API service.
- Styling: CSS for beautiful and consistent design across devices.
To run this project locally, follow these steps:
-
Clone the repository: bash git clone https://github.com/affancoder/WeatherApp.git cd weather-web-app
-
Install dependencies: bash npm install
-
Run the app: bash npm start
The app will be available at http://localhost:3000.
- Enter the name of the city in the search bar.
- Click on the "Get Weather" button.
- View the weather information displayed on the screen.
Home Page
Weather Details
Contributions are welcome! If you have any ideas or improvements, feel free to open an issue or create a pull request.
This project is licensed under the me.
Developed by MD Affan Asghar
Feel free to contact me for any queries or suggestions.