7. Web Panel Setup
7.1. Once you’ve downloaded the code, upload the web panel zip file to your server and extract it. The web panel can be installed on either a domain or subdomain
Like: https://yourdomain.com/ or whatever which you like but main domain for web panel setup (Recommended)
7.2 : Next, you’ll need to configure the following settings in your .env file: Database host, Database name, Database username, Database password, and your Firebase project credentials.
Add Your Google Client ID for Google Login Functionality
GOOGLE_CLIENT_ID=
To enable Google login, you need to provide your Google Client ID. Steps to find your Google Client ID:
- Go to your Firebase Project in the Firebase Console.
- Navigate to Authentication > Sign-in Method.
- Click on Google under the list of providers.
- Scroll down to Web SDK configuration.
- Copy the Web Client ID.
- Paste this Client ID in the .env file of the web panel.
Steps to Check / Add Authorized Domains for OAuth 2.0 Client ID
- Go to Google Cloud Console.
- Navigate to
APIs & Services > Credentials. - Open your OAuth 2.0 Client ID (Web application type).
- Ensure the following are added:
- Authorized JavaScript Origins, e.g. https://yourwebpanel.com
- Authorized Redirect URIs, e.g. https://yourwebpanel.com/__/auth/handler
7.3. Run the following command from the root directory of your web panel terminal
npm install
7.4 : Import the provided poolmate_web_database.sql file to initialize the database.
7.5 : Now the web panel is ready to run.
Important Notes:
Please use this same firebase credentials for web panel setup which you will add for admin panel setup on .env file. Firebase credentials should be the same for both panels.
