### Introduction

Thank you for purchasing code. It really means a lot and It's our pleasure to serve top-notch service to you. Thank you so much for choosing WRTeam . If you have trouble with the code and documentation please contact to our Support Team Here

## Installation of Web Setup Video

1. Configure Code in CodeEditer : Video Link
2. Upload Code in Server : Video Link

####
1. How to setup Web Version

1. Install Node JS :
Visit Node JS Official website : https://nodejs.dev/en/learn/how-to-install-nodejs/ for full installation guide.

####
2. Where to set API URL (Admin)

1. Go to Main Folder -> `.env` file open it ADMIN PANEL URL

####
3. Where to Set Google Maps API Key

1. Get your Google Maps API key from https://console.cloud.google.com/

2. Paste here your Google Maps Api here

------------------------------

##### Note:- If you already have setup the App version of eBroker and already created firebase project at that time then you can skip 4.1 step

------------------------------

####
4. How to configure firebase configuration and authorised domain add.

1. Create firebase project in your account
2. Add web application to your firebase project
3. Enter the App Name and Click on Register App
4. How to configure firebase integration and domain in firebase console.
5. Copy this Highlited Code and paste one by one as per label given in admin panel->web settings->settings
6. This credentials should match with the credentials that you have set in `.env` file Otherwise it will not work properly.
7. How to configure domain in firebase console
8. You have successfully connected your Web application to your firebase project.

####
5. How to enable firebase auth

1. Go to firebase project.Click on authentication menu and goto sign-in method. Enable the authentication method mention in below image

####
6. How to Add Vapid Api key for Notification

1. Note: Go to `Firbase Project Settings` > `Messsaging` > `Web configuration` and copy key pair and paste to you `.env` file

1. Locate the `.env` file.

####
7. How to Change Web Application Name

1. Change the application name for your Web application. Go to the folder `pages → _app.js`

####
8. How to Change Web Favicon

1. Go to the folder `pages → _app.js`

####
9. How to Change Social Platforms Links

1. go to your admin panel `Settings > Web Settings > Social Media Links` add here your social media links
2. go to your admin panel `Settings > Web Settings > More Settings` add here your play store and app store links

####
10. How to Add Default Country Code

1. Go to`.env` File

####
11. How to Set Color Code

1. Go to your admin panel `Settings → System Settings → More Settings → System Color`

####
12. How to Set Logo for web

1. Go to your admin panel `Settings → Web settings → Image Settings → Main Logo`
2. Go to your admin panel `Settings → Web settings → Image Settings → Placeholder Imag`

####
13. How to Add Your Address Google Map

1. Go to google Maps

first search your location then go to `share >` `Embed a map` and copy iframe html `COPY HTML`

2. Go to Admin panel `system settings > Web Settings > Iframe Link For Web`

Paste your html code here

3. Great! now you can see your Google maps on Contact Us Page

####
14. How to run this project

1. Open VS Code teminal by typing CTRL+J in Windows/Linux, and for MacOS CMD+J and execute the command --> npm i --legacy-peer-deps
   This will take some time to download a few Packages so wait for a few minutes.
2. After npm i finishes run this command --> npm run dev.
   This Command will Start the development mode.Check If everything is working fine then your are good to go ahead.

####
15. How to Deploy the Site

1. After all the changes, you are ready to deploy your Web application on a live server.
2. Open the VS Code terminal by typing CTRL+J in Windows/Linux or CMD+J for MacOS and execute the command npm run export. This will take a few seconds to build the live and optimized version of the web application.
3. After the process completion, go to the `out` folder and upload these files to your live server (only upload files from the out folder).
4. If you encounter any deployment-related problems, you can follow the official document: Next.js Deployment

### Support

Delighted to serve and support you! Contact our support team led by Muzammil Sumra on Skype

To help our customers, we constantly be in touch with every customer if they need any assistance regarding our product. We offer our customers a support from Mon – Fri 9.00am to 6.00pm IST (GMT +5.30) – We are a Team located in India – Asia.

Typically we reply our customers for all the questions and queries within 24 hours of time via comments, support forum or emails.

### Your Feedback

Dear valuable customer, Thank you very much for choosing our product. It's our pleasure to serve top-notch service to you. Please give us your honest feedback that will help us to make a more strong and reliable product by click here Rate Us. Thank you very much.

### Contact Us

WRTeam has creative and dedicated group of developers who are mastered in Apps Developments and Web Application Development with a nice in delivering quality solutions to customers across the globe. Contact us today to find out how we can help you or for freelance work.

Visit Us : https://wrteam.in

Mail Us : support@wrteam.in

Thank you very much.