Welcome to WeatherNow, a weather application that provides current weather conditions and forecasts using the OpenWeather API. This project is built with React.js, HTML, CSS, and Tailwind CSS.
WeatherNow offers real-time weather updates along with hourly and daily forecasts. Stay informed about the weather conditions in your location or any other city you're interested in.
Explore WeatherNow on the live site: WeatherNow Live
- Current weather information including temperature, humidity, wind speed, and description.
- Hourly forecast for the next 48 hours.
- Daily forecast for the next 7 days.
- User-friendly interface with responsive design for various devices.
- Dynamic background changes based on weather conditions for a visually appealing experience.
-
Clone the repository:
git clone https://github.com/your-username/weather-now.git
-
Navigate to the project directory:
cd weather-now
-
Install dependencies:
npm install
-
Start the application:
npm start
-
Open the project in VS Code to edit:
code .
-
Open http://localhost:3000 to view it in the browser.
- Enter a location in the search bar to view the weather information for that city.
- View the current weather details including temperature, humidity, wind speed, sunrise, and sunset time.
- To see the hourly and daily forecasts.
- Enjoy the dynamic background that changes according to the current weather conditions!
- React.js
- HTML
- CSS
- Tailwind CSS
- OpenWeather API
Contributions are welcome! Please feel free to open a pull request or issue for any improvements or suggestions you may have.
This project was created by Konain Raza.
This project is licensed under the MIT License - see the LICENSE file for details.
Let me know if you need anything else! 🌟