Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/yuvraj24/whatsapp-clone

WhatsApp Clone provides an in-depth view of implementation on how to create a full-stack, mobile, hybrid web application from scratch using React Native, ReactJs, Typescript, NodeJs, ExpressJs, MongoDB, Socket.io, Heroku & Firebase Deployment. 🔥🔥
https://github.com/yuvraj24/whatsapp-clone

android express express-middleware express-router expressjs ios mongodb mongoose mongoose-js node-module nodejs react react-component react-hooks react-native react-router reactjs socket-io whatsapp whatsapp-web

Last synced: 3 days ago
JSON representation

Host: GitHub
URL: https://github.com/yuvraj24/whatsapp-clone
Owner: yuvraj24
License: mit
Created: 2020-03-22T08:48:21.000Z (almost 5 years ago)
Default Branch: master
Last Pushed: 2023-03-04T14:08:03.000Z (almost 2 years ago)
Last Synced: 2025-02-16T22:11:45.553Z (3 days ago)
Topics: android, express, express-middleware, express-router, expressjs, ios, mongodb, mongoose, mongoose-js, node-module, nodejs, react, react-component, react-hooks, react-native, react-router, reactjs, socket-io, whatsapp, whatsapp-web
Language: JavaScript
Homepage:
Size: 91.5 MB
Stars: 398
Watchers: 12
Forks: 130
Open Issues: 33
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/yuvraj24/WhatsApp-Clone)

# WhatsApp Clone ⚡

![Platform - Android, IOS and Web](https://img.shields.io/badge/platform-Android%20%7C%20IOS%20%7C%20Web-green.svg) 

![](assets/whclone4.png)

Whatsapp Clone provides an in depth view of implementation on how to create a full-stack, mobile, hybrid web application from scratch. This repository covers implementation of 3 major platform's mainly Android, IOS & Web using React Native & MERN stack 🔥. 

### You can see the following features in action in this repository,

* *Instant & Realtime textual One to One chat*

* *User's Online/Offline availability*

* *Last Seen time*

* *Unread Message count indicator*

* *Realtime Status update*

* *Multiple Status view along with progress*

* *Web Login via QR code scan*

* *WhatsApp Web with realtime chat & status*

```

If you like the work then don't forget to hit that ⭐ button to show some appreciation & love

for this project as your token of love does wonders.

```

## Major Technologies Used

|               MOBILE                           |      WEB                  |           SERVER             |

|:------------------------------------------------|:------------------------|:------------------------|

| React Native  | ReactJs | NodeJs  |

| Firebase Storage | Typescript | ExpressJs |

| Native Base | React Virtualized | MongoDb |

| Axios | Material UI | Mongoose |

| Socket.io-client
 | Axios | Socket.io
 |

| Momentjs  | Socket.io-client | Typescript |

| React Navigation | JSON WebToken | Momentjs |

| React Native Camera | Momentjs | JSON WebToken

## Spread Your ❤️

[![GitHub followers](https://img.shields.io/github/followers/yuvraj24.svg?style=social&label=Follow)](https://github.com/yuvraj24)  [![Twitter Follow](https://img.shields.io/twitter/follow/yuvrajpy.svg?style=social)](https://twitter.com/yuvrajpy)




## Overview  

|                        |

|:----------------------------:|

|  |

## Live Action

* #### Android App : WhatsApp Clone : Android

* #### Online Website : WhatsApp Clone Web

* #### WhatsApp Status Library : React Native Stories View

## Platform Support

The project includes **Mobile app developed for Android & IOS** platform along with a **Website similar to WhatsApp Web**. 


Refer the following links for platform specific implementation,

* Mobile App Client (Android & IOS)

* Web App Client (WhatsApp Clone Web)

* Web Server (Backend)

## Platform Screenshots

Refer the following links for platform specific screenshots,

* Android

* IOS

* Website

## Author

### *Yuvraj Pandey*

*I am a passionate Engineer which likes to push himself on various fronts of technologies.*  

For more exciting updates follow me,