https://github.com/himanshuverma8/realtime_chat_app
Full-Stack Real-Time Chat App 💬 A real-time chat application built with React, Tailwind CSS, Socket.io, Node.js, Express, and MongoDB. Features include user authentication, real-time messaging, online/offline status, and profile picture upload. 🚀
https://github.com/himanshuverma8/realtime_chat_app
daisy-ui experess mongodb mongoose nodejs react realtime-chat render socket-io socket-io-client socket-io-server state-management tailwindcss zustand-state-management
Last synced: 7 months ago
JSON representation
Full-Stack Real-Time Chat App 💬 A real-time chat application built with React, Tailwind CSS, Socket.io, Node.js, Express, and MongoDB. Features include user authentication, real-time messaging, online/offline status, and profile picture upload. 🚀
- Host: GitHub
- URL: https://github.com/himanshuverma8/realtime_chat_app
- Owner: himanshuverma8
- Created: 2025-02-16T13:50:40.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-02-23T20:08:53.000Z (8 months ago)
- Last Synced: 2025-02-23T21:19:41.626Z (8 months ago)
- Topics: daisy-ui, experess, mongodb, mongoose, nodejs, react, realtime-chat, render, socket-io, socket-io-client, socket-io-server, state-management, tailwindcss, zustand-state-management
- Language: JavaScript
- Homepage: https://friendschat.fun
- Size: 145 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💬 Full-Stack Real-Time Chat App
A real-time chat web application built with modern technologies for seamless and instant messaging.
working on a more complex app version from scratch soon:)
## 🚀 Live Demo
🔗 [Click here to try it](https://friendschat.fun)
---
## 🛠 Tech Stack
### **Frontend**
- ⚛️ **React (Vite)** - Fast & optimized React setup
- 🎨 **Tailwind CSS** - Utility-first styling
- 🌼 **DaisyUI** - Pre-styled UI components
- 🌍 **Zustand** - State management
- 📡 **Axios** - HTTP client for API requests
- ⚡ **Socket.io-client** - Real-time communication
### **Backend**
- 🟢 **Node.js** - Server-side runtime
- 🚀 **Express.js** - Fast and lightweight backend framework
- 🔗 **Socket.io** - Real-time WebSockets for messaging
- 🗄 **MongoDB (Mongoose)** - NoSQL database for storing chat data
- 🔑 **bcrypt** - Secure password hashing
- 🔐 **dotenv** - Environment variables management
---
## ✨ Features
✅ **Last Seen Feature Added @24Feb2025**
✅ **User Authentication** (Sign up, login, and logout)
✅ **Real-time Messaging** with Socket.io
✅ **Online/Offline Status**
✅ **Profile Picture Upload**
✅ **Lightweight & Responsive UI**
---