Skip to content

macobo/whatsyourface

Repository files navigation

whatsyourface

Deploy

WhatsYourFace is tool to bring your team closer together when working remotely.

snapshot

Motivation

The world is kind of crazy right now and our team at eAgronom started working remotely as everyone else.

One of the biggest downsides of working remotely is the feeling of isolation and not knowing whether someone is available to collaborate.

We even wrote about our experience using Pukka, a similar tool here, but the tool was having some reliability problems. So I decided to follow the example set in "An app can be a home-cooked meal" and write a quick and dirty solution that would work for us at eAgronom.

Feel free to try it out and hope you will find some value in it.

How we use it

We have hosted a version of this on heroku, where people who want can join.

In addition, we have a slack channel where people can share highlights and make jokes:

highlight1 highlight2 highlight3

Overview of functionality

Whatsyourface takes a picture with your webcam every minute, and shares it with other active people.

Only the last image for every person is stored in-memory and wiped every restart - we're not here to spy on people!

In addition:

  • You can add filters on top of images (who doesn't like good instagram filters?)
  • Make it rain emojis (because why not?)

Deploying your own copy

Easiest way to deploy your own copy is by using this button:

Deploy

Otherwise, feel free to fork, clone and deploy to heroku elsewhere using normal node.js workflows.

Local Development

Because this app is made of two npm projects, there are two places to run npm commands:

  1. Node API server at the root ./
  2. React UI in react-ui/ directory.

Run the API server

In a terminal:

# Initial setup
npm install

# Start the server
npm start

Install new npm packages for Node

npm install package-name --save

Run the React UI

The React app is configured to proxy backend requests to the local Node server. (See "proxy" config)

In a separate terminal from the API server, start the UI:

# Always change directory, first
cd react-ui/

# Initial setup
npm install

# Start the server
npm start

Last words

Stay at home and stay sane.

Made with ♥️ by Karl, with support of the eAgronom team.

About

Share your face with your team, stay motivated working remotely

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published