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

Video call demo on YouTube (click to play)

Main screen

Chat window

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