Skip to content

Chit-chat is a real-time chat application built with Next.js, It offers features for authentication, one-on-one chat, user search, and group chat.

Notifications You must be signed in to change notification settings

rezakurniawan88/chit-chat

Repository files navigation

Chit-chat - Chat Application

Chit-chat

Chit-chat is a real-time chat application built with Next.js, Tailwind CSS, Prisma, Pusher, MongoDB Atlas, and Next-Auth. It offers features for user authentication, one-on-one chat, user search, and group chat.

Features

Authentication:

  • User registration
  • User login

Real-time Chat:

  • One-on-one chat with message history
  • Real-time message delivery and updates

User Search:

  • Search for other users by username

Group Chat:

  • Create and manage groups
  • Group chat functionality with message history

Technologies Used

  • Frontend: Next.js, Tailwind CSS
  • Backend: Prisma, Pusher, MongoDB Atlas
  • Authentication: Next-Auth

Demo

Chit-chat_Demo_Video

Getting Started

  1. Clone the repository:
git clone https://github.com/rezakurniawan88/chit-chat.git
  1. Install dependencies:
cd chit-chat
npm install
  1. Set up environment variables :
cp .env.example .env

After that, edit the .env file according to the environment variables.

  1. Set up MongoDB Atlas:
  • Register an account on MongoDB Atlas.
  • Create a MongoDB Atlas cluster.
  • Create a database and a user.
  1. Set up Pusher:
  • Create a Pusher account. after that fill the environtment variables in the .env file.
  1. Start the development server:
npm run dev

About

Chit-chat is a real-time chat application built with Next.js, It offers features for authentication, one-on-one chat, user search, and group chat.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published