Wiki • Contributing • Contact

📬 Frontend - Fontys Internal Post (FIPost)

Frontend repository of FIPost made with VueJS

⚒️ Development

📐Stack

• Node version: 14.17.6
• NPM version: 6.14.15
• VueJS - HTML/SCSS/JavaScript and TypeScript

Upgrading node to later versions will crash.

🏁 Getting Started

1. Clone the repository:

git clone --recursive https://github.com/FontysIPost/Frontend.git

2. Install dependencies:

# Check which node you're using: node -v
# Install nvm(node version manager) to quickly change node versions
# To install node version: nvm install 14.17.6
# To switch node version: nvm use 14.17.6
npm i

3. Copy .env.example and paste it as .env and populate these ports (make sure it's in the root directory of the Frontend):

VUE_APP_API_GATEWAY=https://Localhost:44311
VUE_APP_URL=Localhost:8080

4. Run the frontend UI and open http://localhost:8080/ when ready:

npm run serve

Make sure to run the backend in order to use and access the functionality

---

---

📦Getting Started with Docker [might be outdated]

The docker image used in this build uses a Nginx webserver to serve the SPA VueJS content on port 80.

Build

Choose on of the following.

Default build

docker build -t ui .

Custom build

Replace example.nl with your custom urls.

docker build -t ui --build-arg VUE_APPURL=www.example.nl --build-arg VUE_APP_APIGATEWAY=gateway.example.nl .

Run

docker run -p 8080:80 --name ui-app ui