https://github.com/azeemidrisi/velocity

Real-time chat app built with MERN, React Native & Socket.io
https://github.com/azeemidrisi/velocity

chatapp express mern-stack mongodb nodejs react realtime socket socket-io websocket

Last synced: 4 months ago
JSON representation

Real-time chat app built with MERN, React Native & Socket.io

Host: GitHub
URL: https://github.com/azeemidrisi/velocity
Owner: AzeemIdrisi
Created: 2024-07-16T16:13:28.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2025-02-20T18:23:02.000Z (over 1 year ago)
Last Synced: 2026-01-24T04:03:50.542Z (5 months ago)
Topics: chatapp, express, mern-stack, mongodb, nodejs, react, realtime, socket, socket-io, websocket
Language: JavaScript
Homepage: https://velocity-chat-app.vercel.app
Size: 1.49 MB
Stars: 0
Watchers: 1
Forks: 2
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

          


    

    Velocity

    Full Stack Realtime Chat App built with MERN and Socket.io

     https://velocity-chat-app.vercel.app

    

    



# Built with

* [`MongoDB`](https://www.mongodb.com/)

* [`Express.js`](https://expressjs.com/)

* [`React`](https://react.dev/)

* [`Node.js`](https://nodejs.org/en)

* [`Tailwind CSS`](https://tailwindcss.com/)

* [`Shadcn/ui`](https://ui.shadcn.com/)

* [`Socket.io`](https://socket.io/)

* [`Zustand`](https://github.com/pmndrs/zustand)

* [`Cloudinary`](https://cloudinary.com/)

# Features 

* Fully responsive

* Realtime messaging

* Group chats

* Supports images and files upload/download

* Images preview and Download functionality

* Set/Remove profile picture

* Private components protection

* Mandatory profile setup

* JWT authentication

# Screenshots

![Screenshot 2024-08-02 161520](https://github.com/user-attachments/assets/7115e76c-39f2-4a22-bc06-031ceec6bc1f)

![Screenshot 2024-08-02 161456](https://github.com/user-attachments/assets/2a7c47fc-5d0e-43a6-8ac3-6ea00d210f60)

![Screenshot 2024-08-02 161446](https://github.com/user-attachments/assets/821e2786-c685-4acd-8891-4bb6a05dd544)

![Screenshot 2024-08-02 161349](https://github.com/user-attachments/assets/00744c82-e961-43bc-bd83-ef712030cea6)

# Installation

```

git clone https://github.com/AzeemIdrisi/Velocity.git

```

## Setup and Run Server

```

cd ./Server/

```

```

npm install

```

Create a `.env` file and paste the follwing credentials

```

PORT=8787

JWT_KEY=

ORIGIN=http://localhost:5173

DB_URL=

CLOUDINARY_CLOUD_NAME=

CLOUDINARY_API_KEY=

CLOUDINARY_API_SECRET=

 

```

Then

```

npm run dev

```

## Setup and Run Client

```

cd ./Client/

```

```

npm install

```

Create a `.env` file and paste the follwing credentials

```

VITE_SERVER_URL=http://localhost:8787

 

```

Then

```

npm run dev

```

# Developer



 



**Azeem Idrisi** - [@AzeemIdrisi](https://github.com/azeemidrisi/)

 

# Support Me

If you like my work you can support me via :

     



Copyright © 2024 Mohd Azeem (github.com/AzeemIdrisi)