No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.dockerignore
.env
.gitignore
Dockerfile
Readme.md
docker-entrypoint.sh
package-lock.json
package.json

Readme.md

Front-end

A React-based front end for this processing pipeline. Users can upload or stream a video and delaunay triangles are drawn on the face.

This project was bootstrapped with create-react-app. It uses the RMWC styling libary for its Material Design theming.

Demo Videos

Installation

  • Download & install Node.js 8 (including NPM)
  • Clone the repo
  • CD into the repo and run npm install
  • Get a Google client ID and assign it to the env variable REACT_APP_GOOGLE_CLIENT_ID.
    • For development I recommend creating a .env.local file and putting it in there. DO NOT put it in .env as that file is version controlled.
  • Once it's done installing required packages run npm start
  • The development server will be running at localhost:3000.
    • Note! Make sure that you specify in your Google API project the proper URLs and ports that are allowed.

Communication with the server

Attempting to log in will fail unless you have the server installed and running as well. Note that the React development server is running on port 3000, while the Node server is running on 4000. Any asynchronous requests made by the frontend will be proxied to :4000/ by the React dev server. In production, there will only be the Node server and it will also serve a production build of the React app, and this proxy will be uneccessary.

Running in production

To create a production build run npm run build and put the contents of the build/ folder in the www/ folder of the server.