Real-Time Messenger Built With Nextjs, GraphQl, Typescript, React, Tailwind, Shadcn, Typescript, Web Sockets

Features:

• 🛠️ GraphQL APIs
• 🧰 Pusher for web Sockets
• 🪄 Uploadthing for storing images and videos
• 🎨 Dark and Light Mode
• ↩️ Undo & Redo functionality
• ⌨️ Keyboard shortcuts
• 🤝 Real-time messages
• 💾 MongoDB Database with Prisma ORM
• 🔐 Clerk Authentication
• ⭐️ Vercel for Deployment
• 🌐 Next.js 14 framework
• 💅 TailwindCSS & ShadcnUI styling

Prerequisites

Node version 14.x

Cloning the repository

git clone https://github.com/harshOpensource/messenger.git

Install packages

npm i

Setup .env file

DATABASE_URL=
NEXT_PUBLIC_PUSHER_APP_ID=
NEXT_PUBLIC_PUSHER_KEY=
NEXT_PUBLIC_PUSHER_SECRET=
NEXT_PUBLIC_PUSHER_CLUSTER=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_SECRET=
NEXTAUTH_URL=
NEXT_PUBLIC_GRAPHQL_API=http://localhost:3000/api/graphql
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

Start the App

npx run dev