interlink-project/frontend

Interlink collaborative environment frontend

React frontend that integrates and orchestrates all components related to the project
View Interlink project »

Report Bug · Request Feature

About the component

Screen Shot

This component is intended to be the graphical interface with which the users of the "collaborative environment" defined by the project interact.

(back to top)

Built With

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

With docker:

Build the images (make up)
```
make devbuild
```
Run the containers:

If you want to run the standalone version:
```
make solo
```
Now, the frontend will be accessible through: http://localhost:3005 (can be changed by modifying DOMAIN and SOLODEVPORT variables defined in .env file)

If proxy is running and you want to run the integrated version (routed by traefik):
```
make integrated
```
Now, the frontend will be accessible through: http://localhost

Customizations

(back to top)

Test E2E (Cypress)

Linux Prerequisites

Ubuntu/Debian

apt-get install libgtk2.0-0 libgtk-3-0 libgbm-dev libnotify-dev libgconf-2-4 libnss3 libxss1 libasound2 libxtst6 xauth xvfb

CentOS

yum install -y xorg-x11-server-Xvfb gtk2-devel gtk3-devel libnotify-devel GConf2 nss libXScrnSaver alsa-lib

Docker

If you're running your projects in containers, then you'll want Cypress in the container with the Node.js process.

  ui:
    image: cypress/base:latest
    # if targeting a specific node version, use e.g.
    # image: cypress/base:14

Run test

First in all, you should define de the secrets .secrets used to do the testing and error tracking with sentry. The example of this file is located in .secrets.example

Note: the ´CYPRESS_EMAIL_LOGIN´ and ´CYPRESS_EMAIL_PASS´ aren't mandatory in production

Graphical interface

If you want to see a graphical interface, you can use the following command For Localhost npm run cypress:open:localhost For https://dev.interlink-project.eu npm run cypress:open:dev

For https://demo.interlink-project.eu npm run cypress:open:demo

Via Terminal

For Localhost npm run cypress:run:localhost

For https://dev.interlink-project.eu npm run cypress:run:dev

For https://demo.interlink-project.eu npm run cypress:run:demo

_{^{Source: https://docs.cypress.io/guides/getting-started/installing-cypress}}

(back to top)