Skip to content

Source Code for the tutorial to build Full Stack Whatsapp Clone

Notifications You must be signed in to change notification settings

duypham90/flutter-whatsapp-clone

 
 

Repository files navigation

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 [email protected]

About

Source Code for the tutorial to build Full Stack Whatsapp Clone

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 95.5%
  • HTML 2.9%
  • Ruby 1.2%
  • Other 0.4%