This is a React Native app built using Expo that displays weather information for a specified location. The app uses the OpenWeatherMap API to retrieve the weather information and display it in a user-friendly manner.
It has 3 pages, "City", "Current weather", and "Upcoming weather".
The City page shows you some Information about your City. It displays the Country, City, City Population and the sunrise and sunset times.
This page displays an icon of the current weather condition. It shows the Temperature, how it feels like, Highs, and Lows. It also displays different messages depending on the weather condition.
This page shows a 5 day weather forecast. It indicates the weather icon, Date, Time, and the temperature highs and lows.
To run this app on your local machine, follow these steps:
- Clone the repository to your local machine.
- Install Expo CLI by running
npm install -g expo-cli
in your terminal. - Install the project dependencies by running
npm install
. - Create a file named
.env
in the root directory and add your OpenWeatherMap API key as follows:OPEN_WEATHER_API_KEY=your-api-key
. - Start the app with
expo start
ornpm start
. - Download the Expo Go mobile App on the App Store or Playstore.
- Scan the QR code generated by Expo to launch the app on your mobile device, or open the app on an emulator or simulator.
- start: Starts the app in development mode.
- android: Builds the app for Android devices.
- ios: Builds the app for iOS devices.
- web: Builds the app for web.
- eject: Removes the Expo wrapper and generates the native code for the app.
- test: Runs the app's test suite.