fedotovn/messenger-app

Messenger using Vue.js 3 Ecosystem, Tailwind CSS, Firebase & Typescript

Messenger application

Demo

Tech Stack

Other: lodash, moment, vue-i18n, tippy, e.t.c

Features _{^{Some of them may be not on prod yet}}

• Light/dark mode toggle and adaptive design using Tailwind CSS
• Internalization with i18n library (Ru-En)
• Realtime messaging and message status ( sending / sended / read )
  • Message read status update on user view (using Intersection API)
• Firebase Auth with password recovery and email verification
  • Forms validation using Vuelidate
  • Random password generator
• Image upload to Firebase Storage for sharing pictures
  • Messages can contain up to 8 pictures - even GIF!
  • You can paste an image to input field
• Profile editing
  • Avatar image upload
  • Random avatar powered by Multiavatar API
• Emoji picker 🤟

Related

• Password generator
• Multiavatar API