API Key Setup

Setting Up Google Maps API Key

Follow these steps to create and configure your Google Maps API key:

1. Sign in to Your Google Account
   Visit Google Maps API Key Documentation and sign into your Google account.

2. Create API Keys
   Scroll down until you see the section Create API Keys.

3. Go to the Credentials Page
   Click the blue button labeled "Go to Credentials Page".

4. Agree to Terms
   Accept the terms and select Canada as your region.

5. Navigate to APIs & Services
   On the right-hand side, click APIs & Services.

6. Finish Setting Up Your Account
   Follow the prompts to complete setting up your account.

7. Add Payment Information
   Enter your credit card details.
   Note: You won’t be charged unless you manually upgrade your plan.

8. Submit the Required Information
   Fill in the requested information and click Submit.

9. Copy Your API Key
   Once generated, copy your API key.

10. Add API Key to Your Project
    In your project repository:

    • Open your .env file.
    • Add the following line:

      EXPO_PUBLIC_GOOGLEMAPS_API_KEY=your_api_key_here
      

11. Enable Distance API goto: https://console.cloud.google.com/apis/library/distance-matrix-backend.googleapis.com?project=secret-sphinx-449821-m0&inv=1&invt=Abo8uw

and click enable on the API, it might take time for the api key to activate.

12. Important Notes:

    • Use exactly the name EXPO_PUBLIC_GOOGLEMAPS_API_KEY.
    • Ensure there are no spaces around the = sign.

13. All Done!
    Your Google Maps API key setup is complete.

Setting Up UXCam App Key

1. Check your emails for an invite to UXCam (sent on Feb 27th).
2. Sign up for UXCam by making an account.
3. Obtain the UXCam App key by navigating to Vini Map -> App settings. The app key will be found in the top right corner.

Navigate to App settings:

Find App key:

4. Save the API key as EXPO_PUBLIC_UXCAM_API_KEY in the .env file (client)
5. All done! You can now begin recording sessions for usability testing