redis-developer/skillmarket-front

Contains the frontend for the Skill Market application.

Skill Market Frontend

This repository contains the code for the frontend of skillmarket.uk. This is a VueJS application that uses Tailwind CSS.

This application uses the Google Maps JavaScript API, so you will need an API key to use it.

You can find the corresponding backend application in this GitHub repo.

This project was submitted to the Redis 'Beyond Cache' Hackathon, you can see the submission and vote for it here.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Local development

To develop locally, you can use Skaffold to build the Docker image and deplooy to a Kubernetes cluster (minikube).

Requirements

• Docker
• Minikube
• Skaffold

Start the minikube node:

minikube start

Update the value of the VUE_APP_API_URL env variable with the URL for the backend in the k8s deployment config. If the backend runs locally with skaffold too, just change the port to the output of minikube service skillmarket-backend-node-port

Run in dev mode with Skaffold

In one terminal run skaffold in dev mode, which will run a dev server which refreshes on code change.

skaffold dev

To access the server locally, just forward the service port locally with minikube:

minikube service skillmarket-front-node-port

Deployment

You will need to define the following Environment variables:

VUE_APP_API_KEY="your-google-maps-key"
VUE_APP_API_URL="your-backend-url"