Full-Stack Messenger Clone App

       

Description

This application is a full-stack implementation of the original Messenger website. Users can send and receive text messages instantly, allowing for quick and efficient communication. These messages can be one-on-one or within group chats, making it easy to maintain ongoing conversations with various contacts simultaneously. Also, it enables the sharing of multimedia files such as images, videos, GIFs, and documents, enhancing the richness of conversations and enabling users to convey complex information easily.

View Deployment: Messenger Clone Project

Quick Start

To clone and run this project, you'll need the latest version of Node.js installed on your computer.

1. Getting the repository

   # Clone this repository
   $ git clone https://github.com/AmanKrSahu/Messenger-Clone.git

2. Installing dependencies

   # Installing necessary packages using npm
   $ npm install

3. Environment variables

   # Create.env file
   DATABASE_URL = 
   NEXTAUTH_SECRET = 
   GITHUB_ID = 
   GITHUB_SECRET = 
   GOOGLE_CLIENT_ID = 
   GOOGLE_CLIENT_SECRET = 
   NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME = 
   NEXT_PUBLIC_PUSHER_APP_KEY = 
   PUSHER_APP_ID = 
   PUSHER_SECRET = 

4. Setup Prisma

   # Connecting prisma with the database
   $ npx prisma db push

5. Build the app

   # Setting up the dev environment
   $ npm run dev

   Open http://localhost:3000 on your browser to see the result.

Features and Interfaces

1. Sign Up Page

2. Profile Interface

3. User Page

4. Conversation Page

5. One-on-One Chat Interface

6. Group Chat Creation Interface

7. Group Chat Interface

8. Delete Conversation Interface

Tools and Languages

       

Need Help??

Feel free to contact me on Linkedin