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: 30 days ago
JSON representation

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. 🔥🔥

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,