Need Help to setting up the Project

[code-kanav]

What Stanford Biodesign Digital Health Group-related project challenge related to?

Other project

Reproduction

Need Help to setting up the Project to setup. ENGAGE-HF-Web-Frontend.

Expected behavior

I attempted to log in to the SignIn ENGAGE-HF application, but I encountered an error stating, “API key not valid.” I have set up a new Firebase project and configured all the environment variables; however, I believe there might be an issue with the configuration, which is causing the error.
@arkadiuszbachorski
@pauljohanneskraft

Additional context

No response

Code of Conduct

• I agree to follow this projects's Code of Conduct and Contributing Guidelines

[arkadiuszbachorski]

Hi @code-kanav. Unfortunately, this is not enough context for me to able to troubleshoot. Could you please provide more context, when exactly is the error happening, what causes it, where do you see it? A video?

[code-kanav]

VITE_PUBLIC_FIREBASE_API_KEY="AIzaSyAi5M52aU5eXUv2KvT1uM3_TtMfHeGQ1N8",
VITE_PUBLIC_FIREBASE_AUTH_DOMAIN="engagehf-79e6f.firebaseapp.com",
VITE_PUBLIC_FIREBASE_PROJECT_ID="engagehf-79e6f",
VITE_PUBLIC_FIREBASE_STORAGE_BUCKET="engagehf-79e6f.firebasestorage.app",
VITE_PUBLIC_FIREBASE_MESSAGING_SENDER_ID="883300057673",
VITE_PUBLIC_FIREBASE_APP_ID="1:883300057673:web:efa6c89a5df91665d6f598",
VITE_PUBLIC_EMULATOR="http://localhost:5000"
VITE_PUBLIC_EMAIL_PASSWORD_SIGN_IN=""

shown above are my env variables , the error says api key not valid. Attaching video for the same.

Screen.Recording.2025-01-17.at.5.09.57.AM.mov

[PSchmiedmayer]

@code-kanav Thank you for your interesting in the project! The best way to setup the ENGAGE-HF frontend repo is to run the backend setup of Firebase in the local emulator. You can check out the setup and instructions about this in https://github.com/StanfordBDHG/ENGAGE-HF-Firebase. Those might help you to setup the element, you can then follow the instructions to connect to an emulator to easily run the setup locally: https://firebase.google.com/docs/emulator-suite/connect_and_prototype#web_2.

@arkadiuszbachorski & @code-kanav We should aim to add some nice instructions on the local emulator setup in the README of the ENGAGE-HF Web Frontend repo to make this easier for future collaborators. A nicely formatted PR adding some first hints and an extensive expansion of the documentation in the README (e.g., screenshots of the app and a short overview of the features) might be a nice first PR that would be very helpful!