SkyOffice

An immersive remote-working platform - Winner of 2021 Monte Jade Innovation Competition

View Demo View Github

SkyOffice works on all PC browsers (mobile browsers are currently not supported)

Built with

  • Phaser3 - Game Engine
  • Colyseus - WebSocket-based Server Framework
  • React/Redux - Front-end Framework
  • PeerJS - WebRTC for Video/screen sharing
  • TypeScript and ES6 - for both client and server sides

Features

Proximity Chat (distance-based interactive system)

image

Multifunctional Rooms

image

Flexible & Immediate Screen Sharing

image

Controls

  • arrow keys to move (video chat will start if you are close to someone else)
  • E to sit down
  • R to use computer (for screen sharing)

Prerequisites

You'll need Node.js, npm installed.

Getting Started

Clone this repository to your local machine:

git clone https://github.com/kevinshen56714/SkyOffice.git
Bash

This will create a folder named SkyOffice. You can specify a different folder name like this:

git clone https://github.com/kevinshen56714/SkyOffice.git my-folder-name
Bash

To start a server, go into the project folder and install dependencies/run start command:

cd SkyOffice or 'my-folder-name'
npm install && npm run start
Bash

To start a client, go into the client folder and install dependencies/run start command:

cd SkyOffice/client or 'my-folder-name/client'
npm install && npm run start
Bash

License

MIT License