A responsive web app that captures realtime weather forecast using an API that changes background depending daytime or nighttime.
Weather App is a simple and intuitive application that provides weather information for various locations. It allows users to quickly check the current weather conditions, temperature, humidity, and wind speed for any city around the world. The app fetches real-time data from a weather API and presents it in a user-friendly interface.
- Search: Enter the name of a city to get weather information.
- Current Weather: View the current temperature, weather condition, humidity, and air status.
- Forecast: Get a 5-day weather forecast for the selected city.
- Error Handling: Prompts an error message if location is invalid.
- Theme: Changes color wheter if it is day or not.
-
Clone the repository:
git clone https://github.com/your-username/weather-app.git -
Navigate to the project directory:
cd weather-app -
Install the independecies
npm install -
Obtain an API key from https://www.weatherapi.com/.
-
Start the development server:
npm run dev
- Vitejs: a build tool that aims to provide a faster and leaner development experience for modern web projects.
- Tailwind CSS: A utility-first CSS framework.
- Weatherapi.com API: Provides weather data and forecasts.
The Weather App was created by Ian Czar D. Broqueza. It utilizes the Weatherapi API for weather data. We would like to express our gratitude to the developers and contributors of React, Vite and TailwindCSS for their fantastic work and open-source contributions.