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
- How to setup Web Version
- Install Node JS : Visit Node JS Official website : https://nodejs.dev/learn/how-to-install-nodejs for full installation guide.
- How to run this project
-
Unzip the downloaded code. After unzipping you will have Elite Quiz - Web Code folder.
Open it in Visual Studio Code. -
Open VS Code teminal by typing CTRL+J in Windows/Linux, and for MacOS CMD+J and execute the command --> npm i.
This will take some time to download a few Packages so wait for a few minutes. - After npm i finishes run this command --> npm start.
This Command will Start the development mode.Check If everything is working fine then your are good to go ahead. - How to integrate firebase
-
Replace Firebase credentials Here -> YOUR_APP_FOLDER/src/utils/config.js
This credentials should match with the credentials that you have set in admin panel. Otherwise it will not work properly.
- You have successfully connected your Web application to your firebase project.
- How to change Web Application name
- Change application name for your Web application. Go to
YOUR_APP_FOLDER/src/utils/config.js and change the value of appName
- How to change application logo
- Go to YOUR_APP_FOLDER > public > images > logo folder and replace here your logo with logo.png file.
Favicon can also be replaced here with favicon.png - How to change database url and other backend settings
- Go to src > utils > config.js file and make changes shown in below image.
- To Connect your Elite Quiz Web version you need to change two variables.
1.apiUrl
2.apiAccessKey
-
apiUrl :
URL should be the admin panel url with the suffix of api/ value.
For example, your Admin panel url is https://eliteweb.wrteam.in/
Then set https://eliteweb.wrteam.in/api/ as your apiUrl variable. -
apiAccessKey :
apiAccessKey should be the same that you have set in your Admin panel source code for API access.
In case if you haven't changed the apiAccessKey in Admin panel source code then don't change your apiAccessKey here also. - How to set default language
-
By default applicaiton language is English. If you want to change
default language
go to YOUR_APP_FOLDER > src > utils > config.js and add your respective language's code shown in
below image.
Get your language code from here
https://developers.google.com/admin-sdk/directory/v1/languages.
Make sure your language code is avaialble in https://developers.google.com/admin-sdk/directory/v1/languages. -
If your default language is not in src/locale/[language-code].json then
create new file
in same folder with [language-code].json. Add all the labels from en.json and
convert label values in your respective language
-
copy all the labels form en.json file in your [language-code].json file.
- How to add new language
-
Go to your admin panel and enable language mode as shown in below image
-
Go to your admin panel and add new language as shown in below image
-
Add newly added language code in list as shown in below image. Go to
src > utils > config.js
Get your language code from here
https://developers.google.com/admin-sdk/directory/v1/languages.
Make sure your language code is avaialble in
https://developers.google.com/admin-sdk/directory/v1/languages.
-
Create new file
in assets/languages/ with [language-code].json. Add all the labels from en.json
and
convert label values in your respective language
-
copy all the labels form en.json file in your [language-code].json file.
- How to change application colors
-
Add your colors in YOUR_APP_FOLDER/src/assets/scss/common/_color.scss and do not change the color
variables name
- How to change application font
-
Go to YOUR_APP_FOLDER/src/assets/scss/common/_font-size.scss and add your font as shown in image
- How to Change LTR to RTL
-
Go to src / App.js
- First uncomment RTL file (remove // from import )
- Second comment LTR file (put // before import like RTL)
-
Go to public / index.html
- only just change text and write ltr to rtl
- How set the Domain URL
-
Go to package.json file and add your domain url in homepage variable. for ex, https://elitequiz.wrteam.in/
- How to deploy the Site
- After all the changes you are ready to deploy your Web applicaiton on Live Server.
-
Open VS Code teminal by typing CTRL+J in Windows/Linux, and for MacOS CMD+J and execute the command --> npm run build
This will take few seconds to build the live and the optimized version of the web application. -
After the process completion go to public > build folder and upload this files on your live server.
(only upload build folder's files on server do not upload any other file on server) - If you are facing any deployment related problems you can follow the official document : React App Deployment
Elite Quiz Web App
Elite Quiz Web Version is built with React JS v17.0.2 so you need to setup your Local Computer First.
Support
Its our pleasure to serve our service and support. please contact our support team.
Head of Customer Support : Sagar Gor Skype Name : Sagar Gor
Customer Support : Sumit Mayani Skype Name : Sumit Mayani
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 niche 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.