# White Screen Issues

The Customer and the Delivery Application provided with Foodomaa is a Progressive Web Application.\
It uses React JS to power the frontend. React JS works the Single Page Application concept.\
\
A Single Page Application loads all the JavaScripts and then performs tasks like initializing the website, making API calls, routing, etc.\
\
If the JavaScript executing flow is obstructed because of a bad configuration, the application crashes and hence leads to a White-Screen.

## What leads to a bad config and website to crash?

### 1. No translations are set in Admin

Goto `Admin > Extras > Translations` and check if you have at least one translation in place.

### 2. The translation are in place, but is no translation is marked as default.

Go to `Admin > Extras > Translations` and check if at least one transaction is marked as default.\
(Click on the CheckMark button on a translation to mark it as a default translation)

### 3. Removed Firebase Web Push Certificate

Go to `Admin > Settings > Push Notifications > Firebase Web Push Certificate` and check whether you have removed the FIrebase Web Push Certificate.\
Even if you do not intent to use Firebase push notifications, this field is not meant to be removed.\
\
If you have removed it by mistake, insert the following, and save your settings.\
\&#xNAN;*`BH5L8XrGsNpki5uF1008FbZzgKKZN-NmhOwdWL5Lxh5r3nsgZ6N_Dged1IYXXCCJwpnrXzs52G_v3vM_naO0hxY`*

Then go to `Admin > Settings > Cache Settings > Force Clear Cache`

### 4. API EndPoints not configured correctly

If you use a www version of your website during the installation, you might face this issue.\
Make sure you always use a non-www version of the URL. \
Go to `Admin > Settings > Fix Update Issues`

## <br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foodomaa.com/faqs/white-screen-issues.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.