Frikh-Said / EnjoyChat

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Real-time communication system using SignalR

Introduction

This chat system provides essential features for an interactive and seamless experience. Users can easily connect by providing their username. Once connected, they can send messages to other connected users. Thanks to the power of SignalR, all users receive messages in real-time without having to refresh the page. Additionally, our system displays a list of connected users, offering a convenient overview of the online community. Enjoy instant and convenient communication with our SignalR-based chat application!

Contributors

The following individuals have contributed to the development of this application:

table of contents

Web Socket

WebSockets enable real-time, bidirectional communication between clients and servers. With a persistent connection, data transmission becomes efficient and instant. Widely used in applications requiring instant updates, WebSockets power chat systems, collaboration tools, and live streaming apps. Leveraging this protocol creates interactive web experiences, enhancing user engagement and performance.

Screenshot 1

SignalR

SignalR is a powerful real-time communication library for web applications. It simplifies the development process by handling connections and real-time updates. With SignalR, developers can easily implement features like chat systems and live notifications. It supports various transport mechanisms for compatibility across platforms and browsers.

Screenshot 2

Screenshot 18

.Net & Angular

.Net

.NET is a versatile framework developed by Microsoft, offering a wide range of tools and libraries for application development across different platforms. It provides developers with a solid foundation for building scalable, secure, and high-performance software solutions.

Screenshot 3

Angular

Angular is a powerful front-end framework developed by Google, providing a robust set of tools for building dynamic web applications. It follows a component-based architecture, allowing for modular and reusable code. With Angular, developers can create responsive and scalable applications with ease.

Screenshot 4

Our application

First page

Screenshot 7

Username invalid

Screenshot 8

Username already exist

Screenshot 20

Note that the user connected is in green color

Screenshot 9

Conversation from user1 "Mohammed"

Screenshot 10

Conversation from user2 "Said"

Screenshot 11

Conversation from user3 "Sara"

Screenshot 12

The back home button will get you back to the first page and the username will despear from the users list

Screenshot 21

About


Languages

Language:C# 41.4%Language:TypeScript 34.4%Language:HTML 23.8%Language:CSS 0.3%