FedotovN / messenger-app

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

Home Page:https://fedotovn.github.io/messenger-app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Messenger application

Demo

2023-07-04 03-26-28

Tech Stack

Vue.js TypeScript Firebase

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

About

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

https://fedotovn.github.io/messenger-app/


Languages

Language:Vue 49.3%Language:TypeScript 21.0%Language:CSS 17.9%Language:JavaScript 11.0%Language:HTML 0.9%