Skip to content

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.

Notifications You must be signed in to change notification settings

thealoneprogrammer/whatsapp-clone

Repository files navigation

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.

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

login chat-list chat Desktop-1606043991184

Todos

  • Enable group Chat
  • Add Dark Mode
  • Many more...

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published