Skip to content

[ANDROID] mockup Whatsapp UI to create a simple concept of Realtime Private Messaging, using React Native 0.64 and Socket.io. I also create a Backend Service for this using Express.

Notifications You must be signed in to change notification settings

tyogautomo/realtime-private-chat

Repository files navigation

Realtime Private Messaging [Client]

This Realtime Private Chat App built using React Native v0.64.
I try to mock up the Whatsapp UI as it is the simplest UI for mobile chat app

For backend service refer to this repo: Repo for Backend
Backend repo is a private repo, bjust contact me :)

Usage

To run the app simply doing this step

  1. Clone the repo
  2. Install all depedencies using
yarn
  1. Run the app using
yarn start

then

yarn android

Some GIF to illustrate the Demo:

1. Unread Notification on Chat List

send bubble notification

2. Read Receipt and "is typing" indicator

read receipt 1

3. Read Receipt when another user in Chat List

read receipt on chatlist

4. Online indicator when in app or background

online indicator

5. Add some friends

add friends

About

[ANDROID] mockup Whatsapp UI to create a simple concept of Realtime Private Messaging, using React Native 0.64 and Socket.io. I also create a Backend Service for this using Express.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published