Sabry Chat

A modern real-time chat application built with HTML, CSS, JavaScript and ASP.NET SignalR.

Live Demo

Sabry Chat Demo

---

About the Project

Sabry Chat is a real-time messaging web application that allows users to create or join chat rooms and chat with others instantly.

I built this project to improve my skills in real-time communication using SignalR, along with a clean and modern frontend using HTML, CSS, JavaScript and Tailwind CSS.

Features

• Create or join chat rooms
• Real-time messaging
• Modern dark theme design
• Notification bell with unread count
• Browser push notifications
• Notification sound on new messages
• Join and leave room notifications
• Responsive design
• Auto-reconnect support

Technologies Used

Frontend:

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• Tailwind CSS

Backend:

• ASP.NET Core
• SignalR
• SQL Server

---

How to Run Locally

Backend (.NET + SQL Server)

1. Open the backend project in Visual Studio
2. Update the connection string in appsettings.json to point to your SQL Server
3. Apply migrations (if any)
4. Run the project (Default port is usually 5014)

Frontend (HTML + Tailwind)

1. Open the frontend folder
2. Open index.html file in your browser
   OR use Live Server extension in VS Code for better experience

---

Made with ❤️ by Sabry