Front-end

Instructions for running the user interface

Step-by-step

1. Access the repository on GitHub via the link

https://github.com/guiaedutec/geos-frontend

2. Clone the repository to your server

$ git clone https://github.com/guiaedutec/geos-frontend.git

3. Access the created folder

$ cd geos-frontend

4. Environment variables

At the root of the project, rename the .env.example file to just .env

5. Set environment variables as needed

.env

# URL to connect to back-end web services
API_URL=

# Basic application settings
TITLE=
WEBSITE_URL=
PROJECT_NAME=

# Google Analytics ID
TRACKING_ID=

6. Change the visual identity

Change the logos and images of your choice by accessing the folder:

• .\public\images\theme

  • bg-home.png

  • logo-footer.png

  • logo-footer-secondary.png

  • logo-header.png

  • logo-header-secondary.png

If you need to change the default visual style of the application, such as colors, font size, among other attributes, just edit the two files below:

• ./src/variables.styl

• ./src/bulma-variables.scss

7. Run docker-compose command

~/geos-frontend$ docker-compose up -d --build