{"id":14957554,"url":"https://github.com/yuvraj24/whatsapp-clone","last_synced_at":"2025-04-05T12:05:33.313Z","repository":{"id":38899779,"uuid":"249144870","full_name":"yuvraj24/WhatsApp-Clone","owner":"yuvraj24","description":"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 \u0026 Firebase Deployment. 🔥🔥","archived":false,"fork":false,"pushed_at":"2023-03-04T14:08:03.000Z","size":95962,"stargazers_count":403,"open_issues_count":33,"forks_count":131,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-04-05T12:05:13.827Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yuvraj24.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-03-22T08:48:21.000Z","updated_at":"2025-04-04T22:37:32.000Z","dependencies_parsed_at":"2023-02-15T05:32:29.317Z","dependency_job_id":"47d82e22-7a98-4687-8e34-7fd6b7a76de5","html_url":"https://github.com/yuvraj24/WhatsApp-Clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuvraj24%2FWhatsApp-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuvraj24%2FWhatsApp-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuvraj24%2FWhatsApp-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuvraj24%2FWhatsApp-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yuvraj24","download_url":"https://codeload.github.com/yuvraj24/WhatsApp-Clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247332604,"owners_count":20921853,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2024-09-24T13:15:08.326Z","updated_at":"2025-04-05T12:05:33.281Z","avatar_url":"https://github.com/yuvraj24.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"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)\n\n# WhatsApp Clone ⚡\n\n![Platform - Android, IOS and Web](https://img.shields.io/badge/platform-Android%20%7C%20IOS%20%7C%20Web-green.svg) \n\n![](assets/whclone4.png)\n\nWhatsapp 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 \u0026 Web using React Native \u0026 MERN stack 🔥. \n\n### You can see the following features in action in this repository,\n* *Instant \u0026 Realtime textual One to One chat*\n* *User's Online/Offline availability*\n* *Last Seen time*\n* *Unread Message count indicator*\n* *Realtime Status update*\n* *Multiple Status view along with progress*\n* *Web Login via QR code scan*\n* *WhatsApp Web with realtime chat \u0026 status*\n\n```\nIf you like the work then don't forget to hit that ⭐ button to show some appreciation \u0026 love\nfor this project as your token of love does wonders.\n```\n\n## Major Technologies Used\n\n|               MOBILE                           |      WEB                  |           SERVER             |\n|:------------------------------------------------|:------------------------|:------------------------|\n| \u003ca href=\"https://reactnative.dev/\"\u003eReact Native\u003c/a\u003e  | \u003ca href=\"https://reactjs.org/\"\u003eReactJs\u003c/a\u003e | \u003ca href=\"https://nodejs.org/\"\u003eNodeJs\u003c/a\u003e  |\n| \u003ca href=\"https://rnfirebase.io/storage/usage\"\u003eFirebase Storage\u003c/a\u003e | \u003ca href=\"https://www.typescriptlang.org/\"\u003eTypescript\u003c/a\u003e | \u003ca href=\"https://expressjs.com/\"\u003eExpressJs\u003c/a\u003e |\n| \u003ca href=\"https://nativebase.io/\"\u003eNative Base\u003c/a\u003e | \u003ca href=\"https://github.com/bvaughn/react-virtualized\"\u003eReact Virtualized\u003c/a\u003e | \u003ca href=\"https://www.mongodb.com/\"\u003eMongoDb\u003c/a\u003e |\n| \u003ca href=\"https://github.com/axios/axios\"\u003eAxios\u003c/a\u003e | \u003ca href=\"https://material-ui.com/\"\u003eMaterial UI\u003c/a\u003e | \u003ca href=\"https://mongoosejs.com/\"\u003eMongoose\u003c/a\u003e |\n| \u003ca href=\"https://socket.io/\"\u003eSocket.io-client\u003c/a\u003e\u003cbr\u003e | \u003ca href=\"https://github.com/axios/axios\"\u003eAxios\u003c/a\u003e | \u003ca href=\"https://socket.io/\"\u003eSocket.io\u003c/a\u003e\u003cbr\u003e |\n| \u003ca href=\"https://momentjs.com//\"\u003eMomentjs\u003c/a\u003e  | \u003ca href=\"https://socket.io/\"\u003eSocket.io-client\u003c/a\u003e | \u003ca href=\"https://www.typescriptlang.org/\"\u003eTypescript\u003c/a\u003e |\n| \u003ca href=\"https://reactnavigation.org/\"\u003eReact Navigation\u003c/a\u003e | \u003ca href=\"https://github.com/auth0/node-jsonwebtoken\"\u003eJSON WebToken\u003c/a\u003e | \u003ca href=\"https://momentjs.com//\"\u003eMomentjs\u003c/a\u003e |\n| \u003ca href=\"https://github.com/react-native-community/react-native-camera\"\u003eReact Native Camera\u003c/a\u003e | \u003ca href=\"https://momentjs.com//\"\u003eMomentjs\u003c/a\u003e | \u003ca href=\"https://github.com/auth0/node-jsonwebtoken\"\u003eJSON WebToken\u003c/a\u003e\n\n\n## Spread Your ❤️\n[![GitHub followers](https://img.shields.io/github/followers/yuvraj24.svg?style=social\u0026label=Follow)](https://github.com/yuvraj24)  [![Twitter Follow](https://img.shields.io/twitter/follow/yuvrajpy.svg?style=social)](https://twitter.com/yuvrajpy)\n\u003cbr\u003e\n\n## Overview  \n|                        |\n|:----------------------------:|\n| \u003cimg src=\"https://github.com/yuvraj24/WhatsApp-Clone/blob/master/assets/overview.png\"/\u003e |\n\n## Live Action\n\n* #### Android App : \u003ca href=\"https://github.com/yuvraj24/WhatsApp-Clone/blob/master/assets/WHClone_android_v1.apk\"\u003eWhatsApp Clone : Android\u003c/a\u003e\n\n* #### Online Website : \u003ca href=\"https://whatsappclone-614cb.web.app/\"\u003eWhatsApp Clone Web\u003c/a\u003e\n\n* #### WhatsApp Status Library : \u003ca href=\"https://github.com/yuvraj24/react-native-stories-view\"\u003eReact Native Stories View\u003c/a\u003e\n\n## Platform Support\nThe project includes **Mobile app developed for Android \u0026 IOS** platform along with a **Website similar to WhatsApp Web**. \u003cbr\u003e\nRefer the following links for platform specific implementation,\n* \u003ca href=\"https://github.com/yuvraj24/WhatsApp-Clone/blob/master/app-client/README.md\"\u003eMobile App Client (Android \u0026 IOS)\u003c/a\u003e\n* \u003ca href=\"https://github.com/yuvraj24/WhatsApp-Clone/blob/master/web-client/README.md\"\u003eWeb App Client (WhatsApp Clone Web)\u003c/a\u003e\n* \u003ca href=\"https://github.com/yuvraj24/WhatsApp-Clone/blob/master/web-server/README.md\"\u003eWeb Server (Backend)\u003c/a\u003e\n\n## Platform Screenshots\nRefer the following links for platform specific screenshots,\n* \u003ca href=\"https://github.com/yuvraj24/WhatsApp-Clone/blob/master/app-client/README.md#screenshots--ios\"\u003eAndroid\u003c/a\u003e\n* \u003ca href=\"https://github.com/yuvraj24/WhatsApp-Clone/blob/master/app-client/README.md#screenshots--android\"\u003eIOS\u003c/a\u003e\n* \u003ca href=\"https://github.com/yuvraj24/WhatsApp-Clone/tree/master/web-client#screenshot\"\u003eWebsite\u003c/a\u003e\n\n## Author\n\n### *Yuvraj Pandey*\n*I am a passionate Engineer which likes to push himself on various fronts of technologies.*  \n\nFor more exciting updates follow me,\n\n\u003ca href=\"https://twitter.com/yuvrajpy\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/yuvraj24/LiveSmashBar/blob/master/images/twitter.png\" width=\"40\" height=\"40\"\u003e\u003c/a\u003e \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u003ca href=\"https://www.linkedin.com/in/yuvrajpy\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/yuvraj24/LiveSmashBar/blob/master/images/linkedin.png\" width=\"40\" height=\"40\"\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u003ca href=\"https://github.com/yuvraj24\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/yuvraj24/LiveSmashBar/blob/master/images/github.png\" height=\"40\"\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u003ca href=\"https://yuvrajpy.medium.com/\" target=\"_blank\"\u003e\u003cimg src=\"https://github.com/yuvraj24/LiveSmashBar/blob/master/images/medium.png\" width=\"40\" height=\"40\"\u003e\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u003ca href=\"https://play.google.com/store/apps/developer?id=Yuvraj+Pandey\"\u003e\u003cimg src=\"https://github.com/yuvraj24/LiveSmashBar/blob/master/images/playstore.png\" width=\"40\" height=\"40\"\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuvraj24%2Fwhatsapp-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyuvraj24%2Fwhatsapp-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuvraj24%2Fwhatsapp-clone/lists"}