- Real-time messaging using Pusher
- Message notifications and alerts
- Tailwind design for beautiful user interface
- Tailwind animations and transition effects
- Fully responsive for all devices
- Authenticate credentials with NextAuth
- Google authentication integration
- Github authentication integration
- File and image upload using Cloudinary CDN
- Validate and handle client form using react-hook-form
- Server error with react-toast
- About the fact that the message has been read
- Online/offline user status
- Group chats and one-on-one messaging
- Message attachments and file sharing
- User profile setup and configuration
- How to write POST, GET and DELETE routes in route handlers (app/api)
- How to get data on the React component server by accessing the database directly (WITH AN API! Like magic!)
- Managing the relationship between Server and Child components in a real-time environment
- Create and manage chat rooms and channels