Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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. 🔥🔥
- Host: GitHub
- URL: https://github.com/yuvraj24/whatsapp-clone
- Owner: yuvraj24
- License: mit
- Created: 2020-03-22T08:48:21.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-03-04T14:08:03.000Z (over 1 year ago)
- Last Synced: 2024-09-26T18:40:22.282Z (about 1 month 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: 384
- Watchers: 12
- Forks: 127
- 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,