Skip to content


Repository files navigation


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


  • 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.


No description, website, or topics provided.






No releases published


No packages published