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
To clone and run this project, you'll need the latest version of Node.js installed on your computer.
-
Getting the repository
# Clone this repository $ git clone https://github.com/AmanKrSahu/Messenger-Clone.git
-
Installing dependencies
# Installing necessary packages using npm $ npm install
-
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 =
-
Setup Prisma
# Connecting prisma with the database $ npx prisma db push
-
Build the app
# Setting up the dev environment $ npm run dev
Open http://localhost:3000 on your browser to see the result.
- Sign Up Page
- Profile Interface
- User Page
- Conversation Page
- One-on-One Chat Interface
- Group Chat Creation Interface
- Group Chat Interface
- Delete Conversation Interface
Feel free to contact me on Linkedin