miSquad group chat application

A full-feature messenger application built with React and Firebase

Live demo

Website

Main technology used

• react, typescript, tailwindCSS
• firebase (auth, firestore, storage)
• emoji-mart

Features

• Sign in with Google
• Create conversations (group only)
• Allow sending
  • Text
  • Image
  • File
  • Stickers (from zalo)
  • Gif (from giph
  • Emoji (emoji-mart)
• Show if user has seen message
• Drop file to upload
• Paste image from clipboard
• Send reactions to message (like, love, care, haha, wow, sad, angry)
• Unsent message
• Reply message
• Change conversation settings
  • Change group theme, image
  • Change theme
• View conversation images, files
• Detect link an add an anchor to it