Skip to content

Latest commit

 

History

History
94 lines (60 loc) · 3.25 KB

README.md

File metadata and controls

94 lines (60 loc) · 3.25 KB

NexChat Message App

Welcome to the NexChat Message App repository! This project is a Next.js-based messaging application designed to provide users with real-time chat capabilities. With features like one-on-one messaging, group chat creation, and profile management, users can communicate seamlessly with others. The app integrates Prisma and MongoDB for data storage, NextAuth for authentication, and Pusher for real-time features.

Demo

Check out the live demo of the NexChat Message App here.

Preview

1. Landing Page with 3D Model

Landing Page

2. User Dashboard

User Dashboard

2. User Chatting

User Chatting

3. Update or Edit Profile

Update Profile

4. Create Group with Selected Members

Create Group

Features

  • Real-Time Messaging: Communicate with other users in real-time through one-on-one or group chats.
  • Group Chat Creation: Create groups and invite selected members to join the conversation.
  • Theme Toggle: Switch between light and dark themes for a personalized experience.
  • Profile Management: Update user profile details, including display name and profile picture.
  • Professional Dashboard: Manage chats, groups, and profile settings in a professional and intuitive dashboard.
  • Prisma and MongoDB Integration: Store user data and messages securely using Prisma and MongoDB.
  • NextAuth Authentication: Authenticate users securely with NextAuth.
  • Pusher Integration: Enable real-time features like message updates using Pusher.
  • Modern UI Design: Enjoy a sleek and modern user interface for an enhanced user experience.

Getting Started

To run the NexChat Message App locally, follow these steps:

  1. Clone the repository to your local machine:

    git clone https://github.com/devsethi3/NexChat-Messaging-App.git

  2. Navigate to the project directory:

    cd nexchat-message-app

  3. Install dependencies:

    npm install

  4. Set up Prisma and MongoDB according to your environment.

  5. Start the development server:

    npm run dev

  6. Open your web browser and visit http://localhost:3000 to use the app.

Usage

  1. Login or register using the provided authentication system.
  2. Explore the landing page with a captivating 3D model.
  3. Update your user profile with a display name and profile picture.
  4. Create groups and add selected members to initiate group chats.
  5. Communicate with other users in real-time through one-on-one or group chats.
  6. Manage your chats, groups, and profile settings in the user dashboard.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive messages.
  4. Push your changes to your fork.
  5. Open a pull request to merge your changes into the main branch.

Thank you for checking out the NexChat Message App repository. Start chatting with friends and colleagues in real-time with ease and efficiency!