A Realtime Messenger Clone Application! 🚀 This application provides a seamless and real-time chatting experience, utilizing cutting-edge technologies to make your conversations smooth and enjoyable.
-
Authentication and Authorization System 🔐
- Fully implemented with Next Auth, supporting both Github and Google Social Logins. Learn more about Next Auth
-
Customizable Account with Profile Picture 🖼️
- Personalize your account with a profile picture and public display name.
-
Group Chat and One to One Chat 💬
- Engage in both group conversations and private one-on-one chats.
-
Realtime Messaging ⚡
- Experience the thrill of real-time messaging and receive notifications when your message is seen.
-
Send and Receive Images 📷
- Share images seamlessly within your conversations.
-
Online Status Indicator 🟢
- Quickly identify which users are currently online.
-
Conversation Management 🗑️
- Easily delete conversations.
- Typescript
- Next.js 14
- Next Auth
- Next Cloudinary
- React
- Pusher
- Prisma
- MongoDB
- Zustand
- React Hook Form
- Tailwind CSS
Configure your environment variables by Copying these Secrets, Or you can also edit the .env.example file
DATABASE_URL=
NEXTAUTH_SECRET=
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_CLOUDINARY_UPLOAD_PRESET=
PUSHER_APP_ID=
NEXT_PUBLIC_PUSHER_APP_KEY=
PUSHER_SECRET=# Installing Dependencies with npm
npm install# Installing Dependencies with pnpm
pnpm install# Installing Dependencies with yarn
yarn install# Installing Dependencies with bun
bun install# Running Local Development Server
npm run dev
# Bundling a Production Build
npm run build
# Starting a Production Server
npm run start
The application is deployed on Vercel.
Feel free to explore, chat, and enjoy the Realtime Chat Application! If you have any questions or feedback, don't hesitate to reach out. Happy chatting! 🎉