This repository is the Expo equivalent of kinde-react-native-starter-kit-0-7x. and is created using the Expo CLI with the TypeScript template.

Please follow the instructions provided below carefully in order to get this project up and running.

1. Install all project dependencies using npm install and then run npm start, you should see something similar to the following.

   
   This means that you have the metro-bundler running, on the current machine having LAN IP address `17.17.1.114` on port `8081`.

2. Install the Expo Go application from the app store (iPhone) or Play Store for Android on the target device.

3. Ensure that the target device is present on the same LAN as the machine running the metro bundler and is able to communicate with the metro-bundler over TCP. (You may need to alter some firewall rules on the device running the metro-bundler) for e.g. on Ubuntu to enable incoming connections on the metro-bundler device we add the following rule using the Uncomplicated Firewall.

   sudo ufw allow from 17.17.1.112 to any port 8081 proto tcp   
   

   For a MacOS machine the same could be acheived using the network options in system preferences .

4. Add the IP address (will be different in your case) of the metro-bundler server to the env.example file and rename the file as .env.

   EXPO_PUBLIC_KINDE_ISSUER_URI='https://your-issuer-domain.kinde.com'
   EXPO_PUBLIC_KINDE_REDIRECT_URI=exp://17.17.1.114:8081
   EXPO_PUBLIC_KINDE_CLIENT_ID='your-client-id'
   EXPO_PUBLIC_KINDE_LOGOUT_REDIRECT_URI=exp://17.17.1.114:8081
   

   Follow this by providing same logout and redirect URIs in the Kinde dashboard as shown in the dashboard below.

   

5. Open the Expo Go application on your target device and scan the QRCode shown in the first step, the metro bundler will then install the bundled app on your target device, this is shown in the following screenshots.

   
   
   
   
   
   
   

6. Completion of the above steps should result in a succesful login.