Real-Time Messenger Clone: Next.js 13 | React | Tailwind | Prisma | MongoDB | NextAuth | Pusher (2023)
This is a repository for a Real-Time Messenger Clone: Next.js 13 | React | Tailwind | Prisma | MongoDB | NextAuth | Pusher
Project Key-Features:
- 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
- Real-time messaging using Pusher
- Message notifications and alerts
- Tailwind design for sleek UI
- Tailwind animations and transition effects
- Full responsiveness for all devices
- Message read receipts
- Online/offline user status
- Group chats and one-on-one messaging
- Message attachments and file sharing
- User profile customization and settings
- Used POST, GET, and DELETE routes in route handlers (app/api)
- Used fetch data in server React components by directly accessing the database (WITHOUT API!)
- Handled relations between Server and Child components in a real-time environment
- Creating and managing chat rooms and channels
This is a Practice Project the credit goes to CodewithAntonio
GitHub Repo