ericareis / messenger-clone-nextjs13 Goto Github PK

This is a repository for a Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher. Key Features:

• Real-time messaging using Pusher

• Message notifications and alerts

• Tailwind design for sleek UI

• Tailwind animations and transition effects

• Full responsiveness for all devices

• Credential authentication with NextAuth

• Google authentication integration

• Github authentication integration

• File and image upload using Cloudinary CDN

• Client form validation and handling using react-hook-form

• Server error handling with react-toast

• Message read receipts

• Online/offline user status

• Group chats and one-on-one messaging

• Message attachments and file sharing

• User profile customization and settings

• Handling relations between Server and Child components in a real-time environment

• Chat rooms and channels

• Prerequisites

Node version 18.x

git clone https://github.com/EricaReis/messenger-clone-nextjs13.git

npm i

DATABASE_URL=
NEXTAUTH_SECRET=

NEXT_PUBLIC_PUSHER_APP_KEY=
PUSHER_APP_ID=
PUSHER_SECRET=

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=

GITHUB_ID=
GITHUB_SECRET=

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

npx prisma db push

npm run dev

[email protected]

Running commands with npm npm run [command]