# Front-end

## Step-by-step

### 1. Access the repository on GitHub via the link

{% hint style="info" %}
<https://github.com/guiaedutec/geos-frontend>
{% endhint %}

### 2. Clone the repository to your server

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

### 3. Access the created folder

```bash
$ 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

{% code title=".env" %}

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

# Basic application settings
TITLE=
WEBSITE_URL=
PROJECT_NAME=

# Google Analytics ID
TRACKING_ID=
```

{% endcode %}

### 6. Change the visual identity

{% hint style="info" %}
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*
    {% endhint %}

{% hint style="info" %}
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***
  {% endhint %}

### 7. Run docker-compose command

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


---

# 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.devops.guiaedutec.com.br/front-end.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.