Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/charakamihiranga/weatherapp
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.
https://github.com/charakamihiranga/weatherapp
expo open-weather-api react-native unplash-api
Last synced: about 1 month ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/charakamihiranga/weatherapp
- Owner: CharakaMihiranga
- License: mit
- Created: 2024-06-27T08:05:40.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-09T18:14:32.000Z (5 months ago)
- Last Synced: 2024-08-09T19:45:38.781Z (5 months 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
