This is a React Native App to show information about location and weather. The App use two service to handle this information.
- Here API to reverse geocoding
- Open Weather API for weather
Project created with React Native CLI. See official docs to set up the environment.
Env Variables
Create a file called .env in the root of the project with the following variables:
HERE_API_KEY=
WEATHER_API_KEY=
There is an example in .env.example. You need request the keys to the project owner.
Install dependencies
yarn
Install IOS Pods
cd ios && pod install
Run IOS
yarn ios
Run Android
yarn android
Run Tests
yarn test
- React Native
- TypeScript
- React Navigation: Routing and navigation
- Axios: Promise based HTTP client
- React Query: Fetching, caching, synchronizing and updating server state.
- Geolocation: Geolocation service
- styled-components and styled-system for theme and build UI
Android (Light) | Android (Dark) | IOS (Light) | IOS (Dark) | |
---|---|---|---|---|
Address Screen | ||||
Weather Screen | ||||
Config Screen | ||||
Menu |