Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rivaanranawat/flutter-whatsapp-clone

Source Code for the tutorial to build Full Stack Whatsapp Clone
https://github.com/rivaanranawat/flutter-whatsapp-clone

firebase firebase-auth flutter flutter-riverpod

Last synced: 6 days ago
JSON representation

Source Code for the tutorial to build Full Stack Whatsapp Clone

Awesome Lists containing this project

README

        

# 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](https://youtu.be/yqwfP2vXWJQ)


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:
```bash
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]