Skip to content

MinhVo2005/AProjectIdk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Chat App ๐Ÿ’ฌ

A full-stack real-time chat application built with React, Node.js/Express, MongoDB, and Socket.io.
Supports user authentication, group chats, notifications, and responsive UI.


๐Ÿš€ Features

  • ๐Ÿ”‘ User authentication (JWT + bcrypt)
  • ๐Ÿ‘ฅ One-to-one and group chats
  • ๐Ÿ“ฉ Real-time messaging with Socket.io
  • ๐Ÿ”” Custom in-app notifications (React Hot Toast)
  • ๐Ÿ–ผ๏ธ Profile pictures (Cloudinary support)
  • ๐Ÿ“ฑ Responsive layout with TailwindCSS
  • โš™๏ธ Settings and email verification

๐Ÿ› ๏ธ Tech Stack

  • Frontend: React + TypeScript, Zustand, React Router, TailwindCSS/DaisyUI, React Hot Toast
  • Backend: Node.js, Express, MongoDB, Mongoose, Socket.io, JWT, Nodemailer, Cloudinary
  • Tooling: TypeScript, ts-node, Nodemon, ESLint, Prettier

๐Ÿ“ฆ Installation

1. Clone the repository

git clone https://github.com/yourusername/chat-app.git
cd chat-app

2. Install depenencies

3. Setup environment variable

Backend keys

CLOUDINARY_API_KEY
CLOUDINARY_API_SECRET
CLOUDINARY_CLOUD_NAME
FRONTEND_URL
GMAILCLIENTID
GMAILCLIENTSECRET
GMAILREFRESHTOKEN
JWTSECRET
MONGODB_URI
NODE_ENV
PORT
PUSHER_APP_ID
PUSHER_CLUSTER
PUSHER_KEY
PUSHER_SECRET

Frontend keys

VITE_PUSHER_CLUSTER
VITE_PUSHER_KEY
VITE_BACKENDURL

Visit the final website at ๐Ÿ‘‰ a-project-idk.vercel.app

About

We will see :)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages