Chat Application with Next.js, TypeScript, Socket.IO, Pusher and MongoDB

Welcome to the Chat Application project! This enhanced version builds upon previous Next.js JavaScript Chat app, leveraging the full power of Next.js features. Let's dive into the details:

Features

1. Authentication with NextAuth:

   • Secure user authentication using NextAuth.
   • Protect your chat rooms and messages.

2. Real-time Messaging:

   • Enjoy seamless real-time messaging using Socket.IO.
   • Group chats and private messages.

3. Image Sharing with Cloudinary:

   • Upload and share images within chat conversations.
   • Cloudinary integration for efficient image storage and delivery.

4. Group Creation:

   • Create chat groups and invite friends.
   • Collaborate with ease.

Work in Progress

1. WebRTC for Video Calling:

   • Exciting! Implement WebRTC for video calls.
   • Enhance communication with face-to-face interactions.

2. End-to-End Message Encryption:

   • Prioritize security by adding end-to-end encryption.
   • Keep your users' messages private.

Tech Stack

• Next.js: A powerful React framework for server-rendered applications.
• TypeScript: Type-safe JavaScript for better code quality.
• MongoDB: Store chat data and user profiles.
• Prisma: Modern database toolkit for type-safe queries.
• Cloudinary: Image hosting and delivery.
• Socket.IO: Real-time communication.

Getting Started

1. Clone this repository:

   git clone https://github.com/yourusername/chat-app.git
   

2. Install dependencies:

   cd chat-app
   npm install
   

3. Set up your environment variables (e.g., MongoDB connection string, Cloudinary credentials).

4. Run the development server:

   npm run dev
   

5. Open http://localhost:3000 in your browser.

Contribution

Feel free to contribute! Whether it's bug fixes, new features, or documentation improvements, your help is appreciated. Let's build an awesome chat experience together! 🚀