ChatWave

ChatWave is a real-time chat application that allows users to communicate instantly. The project is built with a modern tech stack to ensure a responsive and interactive user experience.

Demo

https://chat-wave-online.onrender.com/

Screenshots

Tech Stack

• Frontend: React, TailwindCSS
• Backend: Node.js, Express.js
• Database: MongoDB
• WebSockets: Socket.io

Installation

Clone the repository

  https://github.com/mujtabamohamed/chat-wave.git
  cd chat-wave

Install dependencies

• For the server:

  cd server
  npm install

• For the client:

  cd client
  npm install

Set up environment variables:

• Create a .env file in the server directory and add your configuration.

  REACT_APP_API_URL=

• Create a .env file in the client directory and add your configuration.

  PORT=
  JWT_SECRET_KEY=
  PG_USER=
  PG_HOST=
  PG_DATABASE=
  PG_PASSWORD=

Run the application

• Start the server:

  cd server
  npm start

• Start the client:

  cd client
  npm start