Hang Out Together

A social networking website that allows users to create customized events with an online chat service.

Introduction

Create customized events, either for outdoor, indoor, or online type.
Message other members in texts and images.
Start a 1-on-1 video chat with other members.
Host a multiple peers video chat for online events.

Link

Website Link: Hang Out Together

User 1
- Account: [email protected]
- Password: 000000
User 2
- Account: [email protected]
- Password: 000000

Techniques

Front-End
- HTML / CSS / JavaScript
- TypeScript
- React / React Router
- Styled Components
- WebRTC API
Firebase Service
- Authentication
- Firestore
- Storage
- Realtime Database
- Hosting
Packages
- react-quill
- react-datepicker
- react-moment
- rtcfire
Others
- Lint Tools: ESLint / husky
- Version Control: Git / GitHub

Flow Chart

Demo

Chat Room

1-on-1 Video Chat

Online Event

Contract

Author: Andy Tseng
E-mail: [email protected]