Skip to content
TheAbhiPatel
All projects
Type
Built for fun
Year
2023
Area
React Native
Stack
4 tools

The story

Why it exists

WhatChat is a React Native and TypeScript clone of WhatsApp. It uses Firebase for sign-in, data and file storage, with screens for chats, status updates, calls and profile.

A React Native WhatsApp clone using Firebase for real-time messaging and chat functionality.

What it does

The features that matter

  • Login with Google sign-in
  • One-to-one chat with image sharing from camera or gallery
  • Status updates: upload, view, and seen or unseen lists
  • Calls tab and profile screen
  • Splash screen and top tab navigation

Under the hood

How it works

  1. Step 1

    React Native app written in TypeScript

  2. Step 2

    Firebase Auth, Firestore and Storage handle accounts, messages and media

A look at it

A screen from the app

WhatsApp Clone
WhatsApp Clone screenshot

Built with

  • React Native
  • TypeScript
  • Google
  • Firebase

@react-native-firebase, react-native-gifted-chat, Google Sign-In, react-native-image-picker.

Ask ABI about it

Up next

Keep exploring