Skip to content

Chatit - A real-time chat application built with the MERN stack, enabling seamless communication with friends, colleagues, relatives, and AI.

Notifications You must be signed in to change notification settings

jabedalimollah/chatit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 

Repository files navigation

Chatit - A real-time chat application

Chatit is a real-time chat application built using the MERN stack (MongoDB, Express, React, Node.js) that allows users to seamlessly connect with friends, family, colleagues, and AI. This app supports live messaging and user authentication creating an engaging and interactive chat experience.

🚀 Features

  • Real-time Chat: Instant messaging with friends, colleagues, and family.
  • AI Integration: Chat with an AI for fun, assistance, or advice.
  • User Authentication: Secure login and signup with user sessions.
  • Customizable Profiles: Users can set up their profiles and update information.
  • Responsive Design: Works smoothly on both mobile and desktop devices.

🛠️ Technologies Used

Client: React, Redux, TailwindCSS, Axios

Server: Node, Express

Database: MongoDB

Real-time Communication: Socket.IO

AI Integration: API integration with AI model

🖥️ Installation

Prerequisites

  • Node.js and npm installed on your machine.
  • MongoDB installed and running locally or have access to a MongoDB Atlas cluster.

Clone the Repository

git clone https://github.com/jabedalimollah/chatit.git
cd chatit

Backend Setup

  • Navigate to the backend directory:

    cd server
    
  • Install the required dependencies:

    npm install
    
  • Create a .env file in the backend directory and add your environment variables:

    PORT=
    MONGODB_URI=
    DB_NAME=
    JWT_SECRET_KEY=
    CORS_ORIGIN_LOCAL=
    CORS_ORIGIN=
    CLOUDINARY_CLOUD_NAME=
    CLOUDINARY_API_KEY=
    CLOUDINARY_API_SECRET=
    AI_API_KEY=
    AI_MODEL=
  • Start the backend server

    npm run dev

Frontend Setup

  • Navigate to the frontend directory:

    cd client
  • Install the required dependencies:

    npm install
  • Create a .env file in the frontend directory and add your environment variables:

    VITE_APP_API_KEY=
    VITE_APP_URI=
  • Start the frontend development server:

    npm run dev

Running the Application

  • Ensure both the frontend and backend servers are running.
  • Open your browser and navigate to http://localhost:5173.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

Frontend

VITE_APP_URI

VITE_APP_API_KEY

Backend

PORT

MONGODB_URI

DB_NAME

JWT_SECRET_KEY

CORS_ORIGIN

CLOUDINARY_CLOUD_NAME

CLOUDINARY_API_KEY

CLOUDINARY_API_SECRET

AI_API_KEY

AI_MODEL

📧 Contact

If you find this project useful, don't forget to star the repository! ⭐

🔗 Links

portfolio

linkedin

twitter

Releases

No releases published

Packages

No packages published

Languages