NetChat Real-Time Communication App - Next.js/Pusher/Tailwind

Introduction

Welcome to our Real-Time Communication App, a cutting-edge platform developed with Next.js to provide seamless and instantaneous communication experiences. This app leverages the power of the Pusher API for real-time sockets, ensuring swift and reliable communication. Tailwind CSS is employed for styling, creating an aesthetically pleasing and responsive user interface.

Visit https://net-chat.vercel.app/ / email: [email protected] / password: 1234a1234A

Features

1. Real-Time Messaging

Experience instant communication with real-time messaging capabilities. Send and receive messages seamlessly, enhancing user interactions.

2. Presence Awareness

Utilize the Pusher API to implement presence channels, allowing users to see the online status of others in real time.

3. User Authentication

Secure user authentication ensures a personalized and private communication experience.

4. Responsive Design with Tailwind CSS

Tailwind CSS is employed to create a visually appealing and responsive user interface, ensuring a consistent experience across devices.

Technologies Used

• Next.js: A React framework for building server-rendered React applications, providing an efficient and flexible development experience.
• Pusher API: Empowering real-time communication with WebSocket capabilities, allowing for instant data updates between clients.
• Tailwind CSS: A utility-first CSS framework that streamlines the styling process, providing a customizable and responsive design.
• NextAuth: A flexible authentication library for Next.js, simplifying the implementation of secure user authentication.
• Prisma: A modern database toolkit that simplifies database interactions, providing type-safe queries and easy integration.
• MongoDB: A scalable and flexible NoSQL database solution, offering high performance and easy scalability.
• TypeScript: A statically-typed superset of JavaScript that enhances the development environment by catching errors during development.

Installation

1. Clone the repository: git clone https://github.com/mohamed-ali-agourram/NetChat.git
2. Navigate to the project folder: cd NetChat
3. Install dependencies: npm install
4. Configure Pusher API credentials: Add your Pusher API credentials to the .env file.
5. Start the development server: npm run dev