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.
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
- Frontend: Next.js, Tailwind CSS
- Backend: Prisma, Pusher, MongoDB Atlas
- Authentication: Next-Auth
- Clone the repository:
git clone https://github.com/rezakurniawan88/chit-chat.git
- Install dependencies:
cd chit-chat
npm install
- Set up environment variables :
cp .env.example .env
After that, edit the .env file according to the environment variables.
- Set up MongoDB Atlas:
- Register an account on MongoDB Atlas.
- Create a MongoDB Atlas cluster.
- Create a database and a user.
- Set up Pusher:
- Create a Pusher account. after that fill the environtment variables in the .env file.
- Start the development server:
npm run dev