This repository contains the Frontend for the yolo tagger project, an infrastructure built around the amazing darknet yolo project. Check it out at gruppe7.testsites.info.
This Frontend is using the following (notable) technologies:
- The Vue Stack (VueJS, vue-router, vuex), an awesome fully featured SPA Framework
- Vue Material, Material Design Components for Vue.
- vue-resource, an HTTP client for Vue.
- Server Sent Events, for pushing classification results to the client in real time. We also support polling if your browser doesn't support SSE's.
This repository contains a Dockerfile, as well as a NGINX configuration, that builds an SSL-Enabled Docker container that serves this project as static HTML and provides a reverse proxy connection to the Backend. You can use push.sh at the root of the repository to push modifications of the frontend to our Container Registry.
Together with tagger-kubernetes, here's how you deploy the frontend to your cluster using one shell command:
alias deploy-webeng-frontend="npm run build && ./push.sh && kubectl delete -f ../webeng-tagger/30_frontend-deploy.yml && kubectl create -f ../webeng-tagger/30_frontend-deploy.yml"# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report