{"id":21315170,"url":"https://github.com/ayusshrathore/messenger-clone","last_synced_at":"2025-07-12T01:31:28.615Z","repository":{"id":185490393,"uuid":"661301389","full_name":"ayusshrathore/messenger-clone","owner":"ayusshrathore","description":"Messenger Clone using Next.js, Prisma, Tailwind, MongoDB, \u0026 TypeScript. 🔥","archived":false,"fork":false,"pushed_at":"2023-08-04T11:11:32.000Z","size":320,"stargazers_count":10,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T12:11:14.446Z","etag":null,"topics":["axios","mongodb","nextauth","nextjs","prisma","pusher","react","react-hook-form","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ayusshrathore.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-07-02T12:24:00.000Z","updated_at":"2025-03-25T22:41:09.000Z","dependencies_parsed_at":null,"dependency_job_id":"5bd231ff-0ca2-407e-ba7a-606718dc7c91","html_url":"https://github.com/ayusshrathore/messenger-clone","commit_stats":null,"previous_names":["ayusshrathore/messenger-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ayusshrathore/messenger-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayusshrathore%2Fmessenger-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayusshrathore%2Fmessenger-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayusshrathore%2Fmessenger-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayusshrathore%2Fmessenger-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ayusshrathore","download_url":"https://codeload.github.com/ayusshrathore/messenger-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ayusshrathore%2Fmessenger-clone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264923080,"owners_count":23683716,"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":["axios","mongodb","nextauth","nextjs","prisma","pusher","react","react-hook-form","tailwindcss","typescript"],"created_at":"2024-11-21T18:18:20.946Z","updated_at":"2025-07-12T01:31:28.163Z","avatar_url":"https://github.com/ayusshrathore.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eMessenger Clone\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/ayusshrathore/messenger-clone/raw/main/public/images/logo.png\" height=\"50\" width=\"50\" /\u003e\n\u003c/div\u003e\n\n## Introduction\n\nWelcome to Messenger Clone! This is a full-stack web application built using Next.js, Prisma, Tailwind CSS, MongoDB, Pusher, and TypeScript. The project aims to provide a real-time messaging experience similar to popular messaging platforms. It enables users to send and receive messages in real-time, view their conversation history, and interact with other users seamlessly.\n\nThe Messenger Clone is designed to be a robust, scalable, and user-friendly platform for messaging and collaboration. Whether you want to build a private messaging app, a team collaboration tool, or simply explore the power of real-time communication, this project serves as a great starting point.\n\n## Features\n\nThe Messenger Clone comes packed with a range of features to make messaging a delightful experience:\n\n- **Real-Time Messaging**: Enjoy instant updates with real-time messaging powered by Pusher. When you send a message, it is delivered and displayed to the recipient without the need for page refresh.\n\n- **User Authentication**: Ensure secure messaging by enabling user authentication and authorization. Only authenticated users can access the messaging platform.\n\n- **Conversations**: Engage in one-on-one or group conversations with multiple participants. Conversations are threaded and easily navigable.\n\n- **Message Status**: Know the status of your messages with delivery indicators. Check if your message is sent, delivered, or read by the recipient.\n\n- **Conversation History**: Access and manage your conversation history easily. View past messages and revisit older conversations whenever needed.\n\n- **Responsive Interface**: Enjoy a seamless messaging experience on any device. The platform is fully responsive, making it accessible from desktops, tablets, and smartphones.\n\n## Screenshots\n\n\u003cimg width=\"1470\" alt=\"Screenshot 2023-08-03 at 7 36 24 PM\" src=\"https://github.com/ayusshrathore/messenger-clone/assets/61450246/cf386522-1861-40d2-944c-c3f4860c7394\"\u003e\n\u003cimg width=\"1470\" alt=\"Screenshot 2023-08-03 at 7 37 42 PM\" src=\"https://github.com/ayusshrathore/messenger-clone/assets/61450246/0d20208e-9f51-4e10-9e07-2349d00d5e2c\"\u003e\n\u003cimg width=\"1470\" alt=\"Screenshot 2023-08-03 at 7 38 24 PM\" src=\"https://github.com/ayusshrathore/messenger-clone/assets/61450246/978863ef-8e4b-49f5-b45d-c16605af512e\"\u003e\n\u003cimg width=\"1470\" alt=\"Screenshot 2023-08-03 at 7 38 34 PM\" src=\"https://github.com/ayusshrathore/messenger-clone/assets/61450246/9dbdae16-f85e-4164-81df-0f8870564b55\"\u003e\n\u003cimg width=\"1470\" alt=\"Screenshot 2023-08-03 at 7 39 35 PM\" src=\"https://github.com/ayusshrathore/messenger-clone/assets/61450246/66f2735b-eb0b-4378-b1ea-874cfedcebd0\"\u003e\n\u003cimg width=\"1470\" alt=\"Screenshot 2023-08-03 at 7 39 49 PM\" src=\"https://github.com/ayusshrathore/messenger-clone/assets/61450246/7fb35e72-8194-440f-958c-6540f991dd2b\"\u003e\n\n\n## Installation\n\nFollow these simple steps to set up the project on your local machine:\n\n1. Clone the repository: `git clone https://github.com/ayusshrathore/messenger-clone.git`\n2. Navigate to the project directory: `cd messenger-clone`\n3. Install dependencies: `npm install`\n\n## Usage\n\nGetting started with Messenger Clone is easy! Just follow these steps:\n\n1. Configure environment variables:\n\n   Create a `.env.local` file in the root directory and add the following variables:\n\n   ```\n    DATABASE_URL=your_database_url\n    NEXTAUTH_SECRET=your_nextauth_secret\n    \n    GITHUB_ID=your_github_id\n    GITHUB_SECRET=your_github_secret\n    \n    GOOGLE_CLIENT_ID=your_google_client_id\n    GOOGLE_CLIENT_SECRET=your_google_client_secret\n    \n    NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name\n    PUSHER_APP_ID=your_pusher_app_id\n    PUSHER_APP_KEY=your_pusher_app_key\n    PUSHER_SECRET=yout_pusher_secret\n    PUSHER_CLUSTER=yout_pusher_cluster\n   ```\n\n2. Start the development server: `npm run dev`\n3. Open your browser and visit `http://localhost:3000` to access the Messenger Clone.\n\n## Technologies\n\nThe project leverages a powerful stack of technologies to deliver a high-quality messaging experience:\n\n- **Next.js**: A React framework for server-side rendering and building modern web applications. Next.js provides excellent performance and SEO optimization out of the box.\n\n- **Prisma**: A sophisticated ORM (Object-Relational Mapping) tool for database interactions. Prisma simplifies database management and offers a type-safe query builder.\n\n- **Tailwind CSS**: A utility-first CSS framework for rapidly building custom designs. Tailwind CSS enables quick and efficient styling, resulting in a visually stunning UI.\n\n- **MongoDB**: A popular NoSQL database for storing and retrieving message data. MongoDB's flexible document-based approach facilitates easy data management.\n\n- **Pusher**: A real-time messaging service for instant message updates. Pusher powers real-time events and notifications, making messaging feel instantaneous.\n\n- **TypeScript**: A typed superset of JavaScript, providing enhanced code quality and better developer experience. TypeScript brings static type checking and code predictability to the project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fayusshrathore%2Fmessenger-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fayusshrathore%2Fmessenger-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fayusshrathore%2Fmessenger-clone/lists"}