pse-podcast-synchronisation/pse-dashboard

Podcast Synchronisation made Efficient Dashboard

Dashboard for PSE-Server

About

The synchronization of the podcasts is to be managed via a web interface. For this purpose a single-page application will be created. This can be displayed in a user-friendly way for desktop and mobile devices.

The web interface contains the subscribed podcasts and listened episodes including metadata from the backend.

Getting Started

Pre requirements

• Node.js 19
• npm

Install dependencies

$ npm install

Run development server

Runs dev server with live-preview

$ npm run dev

Build to static files

$ npm run build

You can define that backend domain by editing the .env.production file or setting the environment variable.

$ VITE_BACKEND_URL=http://<YOUR BACKEND DOMAIN> npm run build

Docker

Note that you are running the frontend standalone! Checkout pse-docker to run both front- and backend.

The docker image can be build using

$ docker build -t pse-frontend .

Here you can change the backend domain by editing the Dockerfile or by supplying it when building.

$ docker build --build-arg VITE_BACKEND_URL=http://<YOUR BACKEND DOMAIN> -t pse-frontend .

Then the image can be run using

$ docker run -p 80:80 -it pse-frontend

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Used Dependencies

• vite
• vue
• vue-router
• bootstrap
• fontawesome
• vue-i18n (Support für mehrere Sprachen)

License

This project is licensed under the AGPL-3 License - see the LICENSE file for details.