realtime-chat-app Tailwind Templates

Realtime Chat App

Real-time chat app with responsive design, secure GitHub/Google login (NextAuth), and real-time messaging (Pusher), built with Next.js, Tailwind, Prisma, and MongoDB.

🚀 Real-Time Chat Application

A modern and responsive real-time chat application offering seamless personal and group chat experiences with real-time updates, secure authentication, and intuitive design.

🌟 Features

  • Responsive Design: Built with Tailwind CSS and Headless UI, the interface adapts to all screen sizes, ensuring a sleek and consistent experience across devices.
  • Authentication: Secure login with NextAuth.js, supporting both GitHub and Google OAuth.
  • Real-Time Messaging: Personal and group chat functionality powered by Pusher for instant, real-time communication.
  • Backend: Runs a Prisma API alongside Next.js, connected to a MongoDB database, all within a monolithic repository.

🛠️ Technologies Used

  • Next.js: A powerful React framework for building full-stack applications.
  • Tailwind CSS: Utility-first CSS framework for fast, responsive designs.
  • Headless UI: Unstyled, accessible UI components.
  • Pusher: Real-time communication via websockets.
  • NextAuth.js: Simple and secure authentication.
  • Prisma: Next-generation ORM for database interaction.
  • MongoDB: NoSQL database for handling large-scale data.

📸 Screenshots

Coming soon...

🚧 Installation & Setup

To run this project locally:

  1. Clone the repository:

    ```bash git clone https://github.com/FahemHakikiKhaya/realtime-chat-app.git

  2. Install dependency:

    ```bash npm install

  3. Run the development server:

    ```bash npm run dev

Top categories

Loading Svelte Themes