/chat-app

Video chatting app created using VueJs, Node, Express and MongoDB

Primary LanguageVue

Audio Video Chatting App (You need two people to try out video & audio calls)

Live link: https://ratnadeep-chat-app.netlify.app

Backend: https://github.com/RatnadeepBiswakarma/chat-app-backend

HD video call

Demo of ongoing call

Video call demo on YouTube (click to play)

Video Call Demo

Main screen

Main screenshot

Chat window

Chat screenshot

Features

  1. Video & Audio calls
  2. Text Chat
  3. Notification
  4. Online Status
  5. Sent, delivered and read status of message
  6. Unread Tracking
  7. Last online time
  8. Cool glass theme

Run project locally

Install dependencies
yarn install
Compiles and hot-reloads for development
yarn serve
Compiles and minifies for production
yarn build
Lints and fixes files
yarn lint

Tech Stuffs

Frameworks and Languages used
  1. VueJS
  2. Vuex
  3. Tailwind
  4. JavaScript
Other tools and libraries
  1. axios (https://axios-http.com/)
  2. socket.io (https://socket.io/)
  3. date-fns (https://date-fns.org/)
  4. push.js (https://pushjs.org/)
  5. eslint (https://eslint.org/)
Other Resources used
  1. FlatIcon for free icons (https://www.flaticon.com/)
  2. IonIcons (https://ionic.io/ionicons)
  3. Google font (https://fonts.google.com/)
  4. CSS gradient generator (https://cssgradient.io/)

Made with ❤ by Ratnadeep