https://github.com/charakamihiranga/weatherapp
A React Native application that provides users with current weather conditions, detailed hourly forecasts, and additional city information, including population and sunrise/sunset times.
https://github.com/charakamihiranga/weatherapp
expo open-weather-api react-native unplash-api
Last synced: about 1 month ago
JSON representation
A React Native application that provides users with current weather conditions, detailed hourly forecasts, and additional city information, including population and sunrise/sunset times.
- Host: GitHub
- URL: https://github.com/charakamihiranga/weatherapp
- Owner: charakamihiranga
- License: mit
- Created: 2024-06-27T08:05:40.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-09T18:14:32.000Z (almost 2 years ago)
- Last Synced: 2025-02-16T10:30:53.465Z (over 1 year ago)
- Topics: expo, open-weather-api, react-native, unplash-api
- Language: JavaScript
- Homepage:
- Size: 1.43 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Weather App using React native
## Description
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.
## Features
- **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.
## APIs Used
- **OpenWeather API:** Used for retrieving weather data.
- **Unsplash API:** Provides high-quality images based on weather conditions to enhance visual appeal.
## Technologies Used
- **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.
## Installation
To run the Weather App locally:
1. Clone this repository:
https://github.com/CharakaMihiranga/WeatherApp.git
2. Obtain API keys for OpenWeather API and Unsplash API.
3. 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
4. Start the app using Expo CLI: 'npm start'
5. Use the Expo client app to open the project on your simulator or device.
## Screenshots
