Velocity

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

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

Built with

• MongoDB
• Express.js
• React
• Node.js
• Tailwind CSS
• Shadcn/ui
• Socket.io
• Zustand
• Cloudinary

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

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

Support Me

If you like my work you can support me via :

---

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