Recreating WhatsApp: A Flutter-based Messaging App Clone

WhatsUp

WhatsUp is a WhatsApp clone built with Flutter and Firebase. It aims to replicate some of its core features but its main purpose is to showcase how easy it is to build real-time applications with Flutter and Firebase.

Features

  • Phone Authentication 📲: Users can register their phone number and receive an OTP (One-Time Password) for verification.
  • Light / Dark Theme 🌞🌚: You can switch between light and dark theme after you registered.
  • Contacts Display 📒: Users can see their contacts who are already using the app.
  • Real-time messaging đŸ’Ŧ ⚡: Clients can communicate each other in real time.
  • Chat features đŸ’Ŧ📷🎙ī¸: Clients can send and receive text , images, videos and voice messages.
  • Online / Offline Status đŸŸĸ🔴: Clients can see other users online or offline status.
  • Read / Unread Messages ☑ī¸đŸ‘€: Clients can see if other users have read their messages.
  • Message Replies ↩ī¸: You can reply to specific messages in a conversation, facilitating threaded discussions.
  • Emoji Support 😉: Users can send emojis in their messages using a built-in emoji picker.
  • Group Chat đŸ‘Ĩ: Users can create groups and select the members.
  • Status / Stories 📷đŸĒŠ: Users can post status updates and view the status of other users.
  • Video calls 📹đŸ¤ŗ: Users can make video calls to their contacts.
  • Call History 📞: Users can see their call history, who they called and who called them.
  • Real-time updates ⚡: All of the above features are updated in real-time as they happen, and synced across devices.

Screenshots

Here are some screenshots of the app.

Splash ScreenPhone AuthenticationOTP VerificationWelcome ScreenPhone AuthenticationOTP Verification

Create ProfileChatsChats Light ThemeCreate ProfileChatsChats Dark

ChatChat ReplyChat Light ThemeChatChat ReplyChat Light

Create GroupCreate Group LightStatus PageCreate GroupCreate Group LightStatus Page

Status WriterStatus ViewerStatus UpdatesStatus WriterStatus ViewerRecent Calls Light Mode

Recent CallsRecent Calls LightReceiving CallsRecent CallsRecent Calls LightReceiving Calls

GitHub

View Github

Description of the image

Related Posts