Workable Weather - Frontend Task

🔮 Description

This is a simple weather app that shows the weather in London, including a detailed graph for temperature over the day and the next 7 days. You can also search for different locations to get the weather all over the world, this was done using GCP Geocoding API. The second page called workable allows a user to pick weather limits, such as a maximum wind speed, and it will tell you what time of the day would fall within these limits. This would be useful for any weather dependent activities.

Showcase Video

Spash page	Weather in London	Weather during the day	Weather during the night	Workable page

🚀 How to run

Local App

1. In the app folder you need to create a .keys.js file with the following code in (filling in your firebase info)

   let firebaseKeys = {
       apiKey: '',
       authDomain: '',
       databaseURL: '',
       projectId: '',
       storageBucket: '',
       messagingSenderId: '',
       appId: '',
       measurementId: '',
   };
   
   export default firebaseKeys;

2. To start the app, run npm install, npm run ios or npm run android from the /app folder

Local Functions

1. In the functions folder, you need to create a .keys.ts file with the following code in (filling in your GCP Geocoding API Key)

   let geoAPIKey: string = '';
   export default geoAPIKey;

2. To start the local emulator, run npm install, npm run serve from the /functions folder

Dependencies

• expo-blur - for the blur effect that was used in the design.
• react-native-svg - for use of SVG icons of the weather state.
• react-native-svg-transformer - for use of SVG icons of the weather state.
• react-native-chart-kit - for creating graphs to show the weather over time