/React-Chat-App-Jonghyeon

채팅 앱 💬 (TypeScript 실전 적용)

Primary LanguageTypeScript

Coffee Chat

Open chatting service using emoji frequently

1. Main functionalities

  1. Create Chatroom
  2. Send a message in realtime
  3. Send Emoji, Like in realtime
  4. Login, Signup
Intro Chatroom

2. Details

  1. Request / Accept authentication for chat
    Emoji can be sent by non-auth users, but message need auth to be sent

  2. Realtime count check who is in chatroom now
    If some user arrive in this chatroom, Different text will appear

Owner create Chatroom Guest can see "Chat with me" button Guest requested auth to send message by clicking the button Owner can see modal to click approval or refusing If owner click approval, Guest can send message

3. Tech used

  • React
  • TypeScript
  • Redux-toolkit
  • Redux-Persist
  • SCSS
  • Firebase (Firestore, Authentication, Hosting)

4. Links