video-webapp

Video web-app for live and VOD content

Repository structure

• android - Folder used by Capacitor to build an Android app
• client-tailwind - Configuration and base CSS file for Tailwind, used by the client
• client - The frontend, using modular-ui
• cms - A Directus backend for managing the content of the webapp
• docker-files - Several Docker files to deploy the backend
• docs - Documentation related to features in the app
• ios - Folder used by Capacitor to build an iOS app
• server - The server that runs the client

Developing locally

Read the setup guide.

Auth0 configuration

If you need to work on Auth0 related features and don't want to or can't use an existing instance, create a new application in Auth0's control panel with the following settings (only non-default settings listed):

• Application type: Single Page Application
• Allowed Callback URLs: http://localhost:8080
• Allowed Logout URLs: http://localhost:8080
• Allowed Web Origins: http://localhost:8080
• Refresh Token Rotation: Rotation selected

Create an API for your application in the Auth0 control panel. The API identifier should be set as the AUTH0_AUDIENCE environmental variable.

Capacitor notes

Disable build error for custom (vanilla JS) project: Added the following to the ionic capacitor project's package.json (root folder):

"scripts": {
    "ionic:build": "echo no script needed"
}

To test and build on iOS and Android, Xcode and Android Studio needs to be installed.