mogohary99 / flutter-whatsapp-clone

Source Code for the tutorial to build Full Stack Whatsapp Clone

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WhatsApp Clone

Full Stack Whatsapp Clone with Flutter, Firebase & Riverpod 2.0!

Features

  • Phone Number Authentication
  • 1-1 Chatting with Contacts Only
  • Group Chatting
  • Text, Image, GIF, Audio(Recording), Video & Emoji Sharing
  • Status Visible to Contacts Only and Disappears after 24 hours
  • Video Calling
  • Online/Offline Status
  • Seen Message
  • Replying to Messages
  • Auto Scroll on New Messages

YouTube

I have created a tutorial based on this, do check it out on my channel Rivaan Ranawat

Youtube Tutorial Image

Installation

After cloning this repository, migrate to flutter-whatsapp-clone folder. Then, follow the following steps:

  • Create Firebase Project
  • Run the commands:
    • npm install -g firebase-tools
    • dart pub global activate flutterfire_cli
    • flutterfire configure
  • Enable Authentication
  • Add Firestore & Storage Rules
  • Create Android & iOS Apps

Then run the following commands to run your app:

  flutter pub get
  open -a simulator (to get iOS Simulator)
  flutter run

Tech Used

Server: Firebase Auth, Firebase Storage, Firebase Firestore

Client: Flutter, Riverpod

Feedback

If you have any feedback, please reach out to me at namanrivaan@gmail.com

About

Source Code for the tutorial to build Full Stack Whatsapp Clone


Languages

Language:Dart 95.5%Language:HTML 2.9%Language:Ruby 1.2%Language:Swift 0.3%Language:Kotlin 0.1%Language:Objective-C 0.0%