Welcome to Connectopia messenger app 👋

Introducing our real-time messaging and chat application, designed for seamless communication.

Our app offers features like message notifications, sleek design with Tailwind, full responsiveness, multiple authentication options, file/image uploads, read receipts, user status tracking, group chats, message attachments, user profile customization, and more.

Experience a robust and feature-rich messaging platform with us.

✨ Demo

Run Locally

Clone the project

  https://github.com/subham07-t/connectopia-social-media-app.git

Go to the project directory

  cd connectopia-social-media-app

Install dependencies

  npm install

Setup .env file

  DATABASE_URL=
  NEXTAUTH_SECRET=
  GITHUB_ID=
  GITHUB_SECRET=
  GOOGLE_CLIENT_ID=
  GOOGLE_CLIENT_SECRET=
  NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
  PUSHER_APP_ID=
  NEXT_PUBLIC_PUSHER_KEY=
  PUSHER_SECRET=

Setup Prisma

  npx prisma db push

Start the server

  npm run dev

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• State Management: zustand
• Form Handle: React Hook Form
• File Uploads: Cloudinary
• ORM: Prisma
• Database: MongoDB

Features

• Authentication with NextAuth , enhancing security with Google and GitHub OAuth authentication layers.
• Implementing real-time data update for instant messaging using Pusher.
• Enable users to chat individually or in groups effectively, while keeping track of their online status and message read receipts for better communication.
• Effortlessly handle file uploads using Cloudinary CDN, and easily share attachments within messages.
• Deliver comprehensive user profiles and chat room management for an exceptional chat experience.

Author

👤 Subham haldar

• Github: @Subham07-t
• LinkedIn: https://linkedin.com/in/subham-haldar