Whatsapp Clone is a progressive web application that clones the whatsapp web, which is created for one-to-one messaging using VueJs, Vuex and TypeScript and Cloud Firestore.

Demo

Features!

google auth SSO
One-to-One realtime messaging with emoji chat
Logging Out

Tech

Whatsapp Web Clone uses a number of open source projects and other services to work properly:

VueJs - Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Vuex - Centralized State Management for Vue.js.
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
Vuetify - Material Component Framework for Vue
Cloud Firestore - Cloud Firestore is a NoSQL document database that lets you easily store, sync, and query data for your mobile and web apps - at global scale.

Installation

Install the dependencies and devDependencies and start the server.

Clone this repository

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Development

Verify the deployment by navigating to your server address in your preferred browser.

127.0.0.1:8000

Screenshots

Todos

Enable group Chat
Add Dark Mode
Many more...

thealoneprogrammer/whatsapp-clone