{"id":29825799,"url":"https://github.com/lra8dev/whatsapp-clone","last_synced_at":"2025-07-29T04:12:40.578Z","repository":{"id":247441730,"uuid":"825881237","full_name":"lra8dev/WhatsApp-Clone","owner":"lra8dev","description":"This project is a WhatsApp clone built using Next.js, Convex, and TypeScript, designed to provide a smooth and feature-rich messaging experience. It leverages modern web technologies to deliver real-time chat functionality, secure user authentication using Clerk Auth, and an intuitive user interface handled by Next.js, React.js, Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2024-07-15T09:10:51.000Z","size":1961,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-27T06:00:34.308Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://whatsapp-cloned.vercel.app","language":"TypeScript","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/lra8dev.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-08T17:23:00.000Z","updated_at":"2024-07-27T08:22:28.000Z","dependencies_parsed_at":"2024-12-02T16:11:50.498Z","dependency_job_id":"bef06e3d-519a-4e56-b84b-786b10c55062","html_url":"https://github.com/lra8dev/WhatsApp-Clone","commit_stats":null,"previous_names":["laxman-rathod/whatsapp-clone","laxmanrathod69/whatsapp-clone","lra8dev/whatsapp-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lra8dev/WhatsApp-Clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lra8dev%2FWhatsApp-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lra8dev%2FWhatsApp-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lra8dev%2FWhatsApp-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lra8dev%2FWhatsApp-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lra8dev","download_url":"https://codeload.github.com/lra8dev/WhatsApp-Clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lra8dev%2FWhatsApp-Clone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267627243,"owners_count":24117716,"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","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2025-07-29T04:12:40.102Z","updated_at":"2025-07-29T04:12:40.554Z","avatar_url":"https://github.com/lra8dev.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n    \u003ca href=\"https://whatsapp-cloned.vercel.app\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://github.com/laxman-rathod/WhatsApp-Clone/blob/main/public/demo-image.png\" alt=\"Project Banner\"\u003e\n    \u003c/a\u003e\n  \u003cbr /\u003e\n  \u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Next_JS-black?style=for-the-badge\u0026logoColor=white\u0026logo=nextdotjs\u0026color=000000\" alt=\"nextdotjs\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-ReactJs-61DAFB?logo=react\u0026logoColor=white\u0026style=for-the-badge\" alt=\"reactdotjs\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-TypeScript-purple?style=for-the-badge\u0026logoColor=white\u0026logo=typescript\u0026color=purple\" alt=\"typescript\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Tailwind_CSS-black?style=for-the-badge\u0026logoColor=white\u0026logo=tailwindcss\u0026color=06B6D4\" alt=\"tailwindcss\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Convex-orange?style=for-the-badge\u0026logoColor=white\u0026logo=convex\u0026color=orange\" alt=\"convex\" /\u003e\n  \u003c/div\u003e\n  \u003ch3 align=\"center\"\u003eWhatsApp Clone - A Seamless Messaging Experience 💬\u003c/h3\u003e\n\n   \u003cdiv align=\"center\"\u003e\n     This WhatsApp clone offers real-time chat, secure authentication, and a smooth user experience using Next.js, Convex, and TypeScript.\n    \u003c/div\u003e\n\u003c/div\u003e\n\n## Introduction 🧩\n\nThis project is a WhatsApp clone built using Next.js, Convex, and TypeScript, designed to provide a smooth and feature-rich messaging experience. It leverages modern web technologies to deliver real-time chat functionality, secure user authentication using Clerk Auth, and an intuitive user interface handled by Next.js, React.js, Tailwind CSS, and Shadcn.\n\n## Features 🪶\n\n- **Real-time Chat:** Engage in instant messaging with individuals or groups.\n- **Video Calling:** Call and video chat with anyone from anywhere.\n- **Screen Sharing:** Share your screen with anyone in real-time.\n- **End-to-End Encryption:** Enjoy secure and private conversations with end-to-end encryption.\n- **User Authentication:** Securely manage user accounts and profiles.\n- **Group Messaging:** Create and participate in group chats.\n- **AI Support:** Get real-time intelligent responses like text, and image generation from AI agents such as Gemini pro, and DALL-E-3.\n- **Online Presence Indicators:** See who's online and available to chat.\n- **Modern User Interface:** A clean and intuitive interface inspired by WhatsApp.\n\n## Tech Stack 🚀\n\n- **Frontend:** Next.js, React.js, TypeScript, Tailwind CSS, ShadCN\n- **Backend:** Next.js App Router for the SSR \u0026 SSG, Convex (Serverless backend) for real-time events and cloud functions\n- **Database:** Convex (Built-in database)\n- **API:** Google Generative AI, OpenAI DALL-E-3, ZegoCloud\n- **Authentication:** Clerk Auth\n- **Real-time Video Calling:** ZegoCloud\n\n## Deployment 🪴\n\n- **Quick Demo:** Feel free to explore the quick demo by clicking [here](https://whatsapp-cloned.vercel.app).\n- Vercel (Production)\n- GitHub (Source Code)\n\n## Getting Started 🔥\n\n### Prerequisites 🔮\n\n- **Node.js and npm:** Download and install Node.js from [NodeJS](https://nodejs.org/). This will also install npm.\n- **Convex:** Creat a Convex account if you already not [Convex.dev](https://convex.dev/).\n- **Clerk:** Create a [Clerk](https://clerk.com) account for user authentication and get your Secret keys.\n- **Google Gemini:** Make sure you have a [Google Gemini](https://deepmind.google/technologies/gemini/) API key.\n- **OpenAI:** Make sure you have an [OpenAI](https://openai.com/) API key.\n\n### Installation ⚙️\n\n**1. Clone the repository:**\n\n```bash\ngit clone https://github.com/laxman-rathod/WhatsApp-Clone.git\n```\n\n**2. Navigate to the project directory:**\n\n```bash\ncd WhatsApp-Clone\n```\n\n**3. Install dependencies:**\n\n```bash\nnpm install\n```\n\n**4. Create a .env.local file in the root directory and add the following environment variables:**\n\n```bash\nCONVEX_DEPLOYMENT=\u003cyour-convex-deployment-url\u003e\nNEXT_PUBLIC_CONVEX_URL=\u003cyour-convex-url\u003e\nNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=\u003cyour-clerk-publishable-key\u003e\nCLERK_SECRET_KEY=\u003cyour-clerk-secret-key\u003e\nOPENAI_API_KEY=\u003cyour-openai-api-key\u003e\nZEGO_APP_ID=\u003cyour-zego-app-id\u003e\nZEGO_SERVER_SECRET=\u003cyour-zego-server-secret\u003e\nGOOGLE_GENERATIVE_AI_API_KEY=\u003cyour-google-ai-api-key\u003e\n```\n\n**5. Run the development server:**\n\n```bash\n\nnpx convex dev # Deployment used by\nnpm run dev # Development server\n```\n\nThe application should now be running at http://localhost:3000.\n\n## Contributing 🤝\n\nContributions are highly welcome!\n\n- Fork the repository.\n- Create a new branch (git checkout -b feature/your-feature-name).\n- Make your changes.\n- Commit your changes (git commit -m 'Add some feature').\n- Push to the branch (git push origin feature/your-feature-name).\n- Open a pull request.\n\n## License 📝\n\nThis project is licensed under the MIT LICENSE. See the [License](LICENSE) file for details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flra8dev%2Fwhatsapp-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flra8dev%2Fwhatsapp-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flra8dev%2Fwhatsapp-clone/lists"}