AngelDev0329 / Chat-App

πŸ’¬ Realtime chat app, built with react, typescript, firebase and other technologies.

Home Page:https://sabito.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sabito - Chat App ‡

Sabito is a realtime chat app, built with react, typescript, firebase and other technologies. My inspiration came from Whatsapp and Messenger.

πŸš€ - Features

  • Sign in with Google
  • Create conversations (private, group)
  • Allow sending
    • Text
    • File
    • Image
  • Reply to message
  • Drop file to upload
  • Notify to unseen messages
  • Send reactions to message
  • Show if user has seen message
  • Detect link an add an anchor to it
  • View conversations images and files
  • Change group name or group profile picture

πŸ“š - What I've learned

  • Focused a lot on the UX
  • Managing indexes in Firebase
  • Formatting TimeStamp into day.js
  • Creating custom hooks (Specifically for Firebase)
  • And much more...

πŸ› οΈ - Main technologies

React  Firebase  TypeScript  Styled Components  Framer Motion  Vite

πŸŽ₯ - Demo Video

chatapp.mp4

πŸ“Έ - Demo Images

chat0

chat1

chat2

chat3

chat4

chat6

chat7

chat8

chat9

About

πŸ’¬ Realtime chat app, built with react, typescript, firebase and other technologies.

https://sabito.vercel.app


Languages

Language:TypeScript 89.4%Language:CSS 10.3%Language:HTML 0.3%