Welcome to the Frontend-Repository of GenPare! If you want to set up the Angular-Application in development configuration locally, the following steps will help you.
The frontend development configuration can be started as a docker-container. If you already have a frontend image present, you need to remove it, or changes won't be applied. To check if you have an image present use docker ps.
Copy the contents of .env.example to a new file called .env. Set the following environment variables according to your Auth0 Account.
#insert from Auth0
NG_APP_DOMAIN=
NG_APP_CLIENT_ID=
NG_APP_AUDIENCE=
#set in Auth0
NG_APP_REDIRECT_URI=
#set according to backend url: default localhost:8080
NG_APP_BACKEND_URL=
To run the frontend in a container use docker-compose up.
IMPORTANT: It might happen, that you will get an 401 Unauthorized error after logging in, which results in the problem, that you cannot save your profile data. To try to solve this problem, you can synchronize the timezone of your operating system and restart the backend and frontend.
As an alternative to docker you can use the following instruction to install the frontend locally. As this is an Angular-Application, Angular and Node.js (v14.18.1) are required. If not already installed, install Node.js first. Then, install the Angular CLI via npm by running the following command: npm install -g @angular/cli.
When Angular is installed, clone the repository, open up a command line and head into the root directory (main-folder). To install all required dependencies, run the command npm install.
You also have to set environment variables similar to the docker implementation. See Option 1 (Build a docker-image): "Installing" for more information.
To start the frontend, stay in the root-directory of the repository and run npm start. The Angular CLI will compile and build the Application. Open up a new tab in your browser and naviagte to localhost:4200.
IMPORTANT: It might happen, that you will get an 401 Unauthorized error after logging in, which results in the problem, that you cannot save your profile data. To try to solve this problem, you can synchronize the timezone of your operating system and restart the backend and frontend.