https://github.com/mahmoudshantti/chatapp

A real-time chat app
https://github.com/mahmoudshantti/chatapp

expressjs jwt nodejs postgresql prisma reactjs soket-io tailwindcss typescript

Last synced: 3 months ago
JSON representation

A real-time chat app

• Host: GitHub
• URL: https://github.com/mahmoudshantti/chatapp
• Owner: mahmoudshantti
• Created: 2025-04-15T11:03:06.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-04-15T11:55:36.000Z (6 months ago)
• Last Synced: 2025-04-22T22:11:28.224Z (6 months ago)
• Topics: expressjs, jwt, nodejs, postgresql, prisma, reactjs, soket-io, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://chatapp-9c2x.onrender.com
• Size: 337 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 💬 Modern Chat Application

![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white)

![Express](https://img.shields.io/badge/Express-000000?style=for-the-badge&logo=express&logoColor=white)

![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=black)

![PostgreSQL](https://img.shields.io/badge/PostgreSQL-4169E1?style=for-the-badge&logo=postgresql&logoColor=white)

![Prisma](https://img.shields.io/badge/Prisma-2D3748?style=for-the-badge&logo=prisma&logoColor=white)

![JWT](https://img.shields.io/badge/JWT-000000?style=for-the-badge&logo=jsonwebtokens&logoColor=white)

![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-06B6D4?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Screenshot 2025-04-15 135549](https://github.com/user-attachments/assets/6c9f5ff0-e3b4-4c3f-9d07-edf0b5d1bfb1)

## ✨ Features

### 🔐 Authentication

- JWT

- Secure password hashing

- Protected routes

### 💬 Chat Functionality

- Real-time messaging (Socket.io)

- Online status indicators

### 🎨 Modern UI

- Responsive Tailwind CSS design

- Animated transitions

- Emoji support

- Message read receipts

## 🛠️ Tech Stack

| Layer          | Technology                               |

|----------------|------------------------------------------|

| **Frontend**   | React.js, Tailwind CSS, Socket.io-client |

| **Backend**    | Node.js, Express, Socket.io     |

| **Database**   | PostgreSQL with Prisma ORM               |

| **Auth**       | JWT                                      |

| **Realtime**   | Socket.io                                |