This Weather App is built using React Native and Expo, utilizing the OpenWeather API and Unsplash API to provide users with current weather conditions, detailed forecasts for the next few hours, and additional information about cities, including population, sunrise, and sunset times.
- Current Weather: Displays current weather conditions including temperature, humidity, wind speed, and description.
- Hourly Forecast: Provides detailed weather forecasts for the upcoming hours.
- City Information: Allows users to search for current city details such as population, sunrise, and sunset times.
- Background Images: Enhances user experience with dynamic background images fetched from Unsplash API based on weather conditions.
- OpenWeather API: Used for retrieving weather data.
- Unsplash API: Provides high-quality images based on weather conditions to enhance visual appeal.
- Expo: Framework for building React Native applications with easy setup and development.
- JavaScript/TypeScript: Language used for development.
- RESTful APIs: Integration with external APIs for data retrieval.
To run the Weather App locally:
-
Clone this repository: https://github.com/CharakaMihiranga/WeatherApp.git
-
Obtain API keys for OpenWeather API and Unsplash API.
-
Create a
.env
file in the root directory and add your API keys: OPENWEATHER_API_KEY=your_openweather_api_key UNSPLASH_ACCESS_KEY=your_unsplash_access_key -
Start the app using Expo CLI: 'npm start'
-
Use the Expo client app to open the project on your simulator or device.