Real time chat application

Overview

This is a real-time chat application that allows users to create accounts, search for other users, and exchange messages in real time. The application is built using modern web technologies and integrates both frontend and backend to deliver a seamless chatting experience.

Features

• User Authentication: Users can register, log in, and manage their accounts.

• Profile management: Users can update their data such as username, fullname, profile picture.

• Search Functionality: Search for other users by username.

• Real-Time Messaging: Exchange messages instantly using WebSocket technology.

• User Status: Shows if a user is online or offline and displays their last seen.

Tech Stack

Frontend:

• React.js

• Tailwind css

Backend:

• Express.js

• MongoDB (Mongoose ODM for database management)

• JWT for authentication

Installation and Setup

Prerequisites

• Node.js and npm installed.

• MongoDB instance running locally or remotely.

Steps

1. Clone the repository

  git clone https://github.com/sofyanBoukir/ChatMate-App.git
  cd ChatMate-App

2. Setup the backend

  cd back-end
  npm install

3. Setup the frontend

  cd front-end
  npm install

4. Create .env file in the backend directory

  PORT=3000
  MONGO_DB_URL=mongodb://localhost:27017/ChatApp
  SECRET_KEY=sss.example

5. Run the app

   backend: npx nodmone src/server.js
   frontend: npm run dev