Skip to content

A React Native application that provides users with current weather conditions, detailed hourly forecasts, and additional city information, including population and sunrise/sunset times.

License

Notifications You must be signed in to change notification settings

charakamihiranga/WeatherApp

Repository files navigation

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

Screenshot 2024-06-27 133217

Screenshot 2024-06-27 133139

Screenshot 2024-06-27 133234

About

A React Native application that provides users with current weather conditions, detailed hourly forecasts, and additional city information, including population and sunrise/sunset times.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published