This is a weather forecasting web app that provides real-time weather information for a given location. The app is built using HTML, CSS, Tailwind, and JavaScript, and it utilizes several APIs to fetch and display the weather data.
- Real-time Weather Data: The app fetches weather data from a reliable API, ensuring that the displayed information is up to date.
- Location Search: Users can search for weather information by entering a specific location.
- Current Weather: The app displays the current weather conditions, including temperature, humidity, wind speed, and weather description.
- Forecast: Users can view the weather forecast for the next few days, including temperature, weather conditions, and chance of precipitation.
- Responsive Design: The app is responsive and optimized for various screen sizes, allowing users to access it from different devices.
- Weather API: [weather-by-api-ninjas] - This API provides the weather data for the app. You need to sign up for an API key and include it in the app's configuration file.
- Clone the repository:
git clone https://github.com/your-username/weather-forecast-app.git - Navigate to the project directory:
cd weather-forecast-app - Open the
index.htmlfile in your web browser.
Before running the app, you need to set up the API keys. Follow these steps:
- Open the
script.jsfile in a text editor. - Replace
YOUR_WEATHER_API_KEYwith your API key for the weather API.
- Enter a location in the search bar to fetch the weather information for that location.
- The current weather conditions will be displayed, along with the weather forecast for the upcoming days.
- Explore the app on different devices to see its responsive design.
Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.
happy coding!