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]