How to Add Video Chat to Your Preact PWA using OpenTok

Is becoming healthier one of your New Year's resolutions? This application will help you to track your progress by enabling you to blog about daily activity, diet, energy levels, mood and more using Netlify CMS powered by Preact CLI. Share your app with any professionals you work with (personal trainer, nutritionist, therapist) and receive live video coaching directly from the platform with OpenTok.

Build Instructions

Important: Node.js > V6.x is a minimum requirement.

# install Preact CLI globally from NPM
npm i -g preact-cli

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run tests with jest and preact-render-spy
npm run test

For a detailed explanation on Preact CLI works, checkout the Readme.

How to setup Netlify CMS

• Deploy on Netlify using the CLI or the Netlify bot for github.

• Enable Git gateway https://docs.netlify.com/visitor-access/git-gateway/.

• Enable Identity for your app https://docs.netlify.com/visitor-access/identity/.

• For most Blogs, change (Identity > Settings > Registration preferences) to invite only.

• Invite yourself to the Identity tab in Netlify console.

• Accept the invite from your email inbox.

• Done!

Note: Go to https://<your-domain>/admin in order to access Netlify CMS.