https://github.com/anandhunv/typing

Typing is a modern, real-time chat application built with the MERN stack. It provides seamless and instant messaging using Socket.io while ensuring a smooth user experience with React 19, Tailwind CSS v4kin. The app is designed to be fast, secure, and interactive, offering features like theme customization, image sharing, online user tracking.
https://github.com/anandhunv/typing

chatapp expressjs mern-stack mongodb mongoose nodejs react react19 reactjs realtime socket-io tailwindcss

Last synced: about 1 month ago
JSON representation

Typing is a modern, real-time chat application built with the MERN stack. It provides seamless and instant messaging using Socket.io while ensuring a smooth user experience with React 19, Tailwind CSS v4kin. The app is designed to be fast, secure, and interactive, offering features like theme customization, image sharing, online user tracking.

• Host: GitHub
• URL: https://github.com/anandhunv/typing
• Owner: anandhunv
• Created: 2025-03-12T09:02:19.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-12T13:16:24.000Z (about 1 year ago)
• Last Synced: 2025-03-25T19:46:23.046Z (about 1 year ago)
• Topics: chatapp, expressjs, mern-stack, mongodb, mongoose, nodejs, react, react19, reactjs, realtime, socket-io, tailwindcss
• Language: JavaScript
• Homepage: https://typing-chatapp.onrender.com/
• Size: 73.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Typing - Real-Time Chat App 🚀

![Typing Chat App](frontend/public/chatpage.png)

## 🌐 Live Demo

🔗 [Typing Chat App](https://typing-chatapp.onrender.com/)

## 🛠 Tech Stack

- **Frontend:** React 19, Tailwind CSS v4, DaisyUI, Zustand, Framer Motion, Axios

- **Backend:** Node.js, Express.js, Socket.io, Mongoose

- **Database:** MongoDB

- **Authentication:** JSON Web Token (JWT), Bcrypt.js

- **File Uploads:** Cloudinary

- **UI Theme Customization:** DaisyUI Theme Generator

## 🚀 Features

✅ **Real-Time Messaging** with Socket.io  

✅ **Show Online Users** status  

✅ **DaisyUI Theme Customization**  

✅ **Send Images** in chat (via Cloudinary)  

✅ **User Authentication** (Signup/Login with JWT)  

✅ **Profile Picture Update**  

✅ **Only Registered Users Can Chat**  

## 📸 Screenshots

### 🔹 Chat Page

![Chat Page](frontend/public/chatpage.png)

### 🔹 Profile Page

![Profile Page](frontend/public/profile.png)

### 🔹 Signup Page

![Signup Page](frontend/public/signup.png)

## 🛠 Installation & Setup

### 🔧 **Backend Setup**

1. Clone the repository:

   ```sh

   git clone https://github.com/anandhunv/typing-chatapp.git