OmicsPred - frontend

Frontend part of the OmicsPred Project (i.e. the OmicsPred website).

The website is built with ReactJS (using the Vite framework) and SCSS.

The web interface is fed data via a REST API server (aka OmicsPred - backend).

Deployment

Local

1. Deploy the local backend (see 'OmicsPred - backend' link above)

2. Edit the file .env.development_template and rename it .env.development, e.g.:

   ENV_TYPE=dev
   REST_API_URL=http://127.0.0.1:8000/api/
   REST_API_URL_PUBLIC=http://127.0.0.1:8000/
   OMICSPRED_ES_URL=http://127.0.0.1:8000/es_search/search/
   

3. Run the command npm run dev

Cloud

1. Deploy the remote backend (see 'OmicsPred backend' link above)

2. Edit the file .env.production_template and rename it .env.production, e.g.:

   ENV_TYPE=prod
   REST_API_URL=<private_rest_api_url>/api/
   REST_API_URL_PUBLIC=https://rest.omicspred.org/
   OMICSPRED_ES_URL=<private_rest_api_url>/es_search/search/
   GA4_TRACKING_ID=<Google_Analytics_4_tracking_ID>
   

3. Run the command npm run build

4. Deploy the frontend, e.g. in Google Cloud App Engine: gcloud app deploy