Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bhaskarradha123/chatting_application_byspring

LivechatApplication is a spring application used for Group chats which has been developed by me using springboot, Websockets, STOMP protocol & message broker mechanism
https://github.com/bhaskarradha123/chatting_application_byspring

chat css html5 java javamailsender javascript message-broker postman spring-boot websocket

Last synced: 16 days ago
JSON representation

LivechatApplication is a spring application used for Group chats which has been developed by me using springboot, Websockets, STOMP protocol & message broker mechanism

Awesome Lists containing this project

README 

        
# chatting_application_bySpring



- It is a Live web based Chatting Application 🔅 named WE-CHAT which can help you to get connected with your friends 👨‍👦‍👦 and chat online.



## Features



- The chatting feature is enabled with text 📑, emojies 😃 😇 (I have created my custom selection list of emojies. 

- You can select from that or even if you type any keywords for the emojies in chat area, it will be recognized and converted as emojies).

- You can uniquely identify who have joined and who have left.

- You can also invite your friends to join the conversation through an invitation mail 📧



# TECHNOLOGIES USED 📌



## Front End 📫



![HTML5](https://img.shields.io/static/v1?style=for-the-badge&message=HTML5&color=E34F26&logo=HTML5&logoColor=FFFFFF&label=)

![CSS3](https://img.shields.io/static/v1?style=for-the-badge&message=CSS3&color=1572B6&logo=CSS3&logoColor=FFFFFF&label=)

![jQuery](https://img.shields.io/static/v1?style=for-the-badge&message=jQuery&color=0769AD&logo=jQuery&logoColor=FFFFFF&label=)

![JavaScript](https://img.shields.io/static/v1?style=for-the-badge&message=JavaScript&color=222222&logo=JavaScript&logoColor=F7DF1E&label=)

![Bootstrap](https://img.shields.io/static/v1?style=for-the-badge&message=Bootstrap&color=7952B3&logo=Bootstrap&logoColor=FFFFFF&label=)

![Font Awesome](https://img.shields.io/static/v1?style=for-the-badge&message=Font+Awesome&color=339AF0&logo=Font+Awesome&logoColor=FFFFFF&label=)

![Google Fonts](https://img.shields.io/static/v1?style=for-the-badge&message=Google+Fonts&color=4285F4&logo=Google+Fonts&logoColor=FFFFFF&label=)



## Server Side ⚡



![Spring Boot](https://img.shields.io/static/v1?style=for-the-badge&message=Spring+Boot&color=6DB33F&logo=Spring+Boot&logoColor=FFFFFF&label=)

![Socket.io](https://img.shields.io/static/v1?style=for-the-badge&message=Socket.io&color=010101&logo=Socket.io&logoColor=FFFFFF&label=)

![Java](https://img.shields.io/static/v1?style=for-the-badge&message=Java&color=007396&logo=Java&logoColor=FFFFFF&label=)

![protocols.io](https://img.shields.io/static/v1?style=for-the-badge&message=protocols.io&color=4D9FE7&logo=protocols.io&logoColor=FFFFFF&label=)



## Development 🔭



![Java](https://img.shields.io/static/v1?style=for-the-badge&message=Open+JDK+14&color=007396&label=)



## Development Tools 📺



![Spring](https://img.shields.io/static/v1?style=for-the-badge&message=Spring+Tool+Suit&color=6DB33F&logo=Spring&logoColor=FFFFFF&label=)



# UI View



## Loading Page



![image](https://user-images.githubusercontent.com/43011442/124279870-9dc44e80-db65-11eb-822f-76f3123a65b8.png)



## Splash Screen



![image](https://user-images.githubusercontent.com/43011442/124280093-e5e37100-db65-11eb-96e7-a2666db91504.png)



## Home Page



![image](https://user-images.githubusercontent.com/43011442/124280225-0d3a3e00-db66-11eb-9987-e334e865b04f.png)



## Mail Invitation Page



![image](https://user-images.githubusercontent.com/43011442/124280356-378bfb80-db66-11eb-82f3-0a79cbbb2a70.png)



![image](https://user-images.githubusercontent.com/43011442/124280574-7c179700-db66-11eb-8cbb-fa0deb6d01a9.png)



## Chatting Screen



![image](https://user-images.githubusercontent.com/43011442/124281222-22fc3300-db67-11eb-8c8e-20077e0f17f4.png)



![image](https://user-images.githubusercontent.com/43011442/124281353-42935b80-db67-11eb-8989-26f121d2805b.png)



![image](https://user-images.githubusercontent.com/43011442/124281466-5b037600-db67-11eb-9841-bddb98b17081.png)



![image](https://user-images.githubusercontent.com/43011442/124281525-6a82bf00-db67-11eb-97c3-850308685c56.png)



![image](https://user-images.githubusercontent.com/43011442/124281729-a584f280-db67-11eb-9461-d40e5cef96a6.png)



## New User joining



![image](https://user-images.githubusercontent.com/43011442/124281886-d107dd00-db67-11eb-8bc1-9bf3ba08c7de.png)



![image](https://user-images.githubusercontent.com/43011442/124281968-e41aad00-db67-11eb-83c0-8b148a563c06.png)



![image](https://user-images.githubusercontent.com/43011442/124281996-eda41500-db67-11eb-97d4-59aaa6348faf.png)



![image](https://user-images.githubusercontent.com/43011442/124282115-15937880-db68-11eb-9aa6-ed9e3a6f2ed1.png)



![image](https://user-images.githubusercontent.com/43011442/124282194-3065ed00-db68-11eb-9797-e8896a92b8b2.png)



![image](https://user-images.githubusercontent.com/43011442/124282378-61462200-db68-11eb-92f2-392a97fcc947.png)



![image](https://user-images.githubusercontent.com/43011442/124282436-7458f200-db68-11eb-94c2-1e85301acca4.png)



## When User Leaves the Chat



![image](https://user-images.githubusercontent.com/43011442/124282814-de719700-db68-11eb-957c-7114a31c2fa9.png)



![image](https://user-images.githubusercontent.com/43011442/124282875-ee897680-db68-11eb-9340-5abe67627640.png)