Skip to content

A real-time chat app offering individual and group chats, including chat color customization and group management. Users can log in, manage members, view active users, track unseen messages, and upload avatars.

License

Notifications You must be signed in to change notification settings

56duong/real-time-chat-websocket-angular-spring-boot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

REAL-TIME CHAT WITH WEBSOCKET

The platform supports both individual and group chats, allowing users to communicate seamlessly. It includes features like chat color customization and the ability to manage group members effectively. Users can log in to view active members, track unseen messages, and personalize their profiles by uploading avatars, ensuring a more engaging and tailored experience.

While the code may not be perfect and may still contain bugs, the goal is to provide a practical, hands-on experience in building a real-world application. Your feedback and contributions are always welcome.

Table of Contents

  1. Demo
  2. Features
  3. Tech Stack Versions
  4. Database
  5. YouTube Series
  6. Who i am?
  7. License
  8. Contact

🎥 Demo

ChatApp

🌟 Features

  • Real-Time Messaging: Users can send and receive messages instantly in one-on-one and group chats.

  • Group Chat: Create and manage group chats, and group admins can add or remove members.

  • Chat Customization: Users can change the color of their chats to make them more personal.

  • Member Management: Group admins can manage members by adding or removing them from the group.

  • Active User Tracking: Users can see who is online and active in the chat.

  • Unread Message Notifications: Users can keep track of unread messages in their chats.

  • Avatar Upload: Users can upload and change their profile pictures.

📌 Tech Stack Versions

Please note that the versions listed below are the ones used during the development of this application. The application may work with other versions as well, but these are the ones that have been tested and confirmed to work.

  • Java: 17

  • Spring Boot: 3.3.3

  • Spring Boot Starter WebSocket: 6.1.12

  • SockJS-client: 1.6.1

  • MySQL: 8.0

  • Angular CLI: 16.2.10

  • Node.js: 18.20.2

  • npm: 10.5.0

  • PrimeNG: 17.18.9

🗂️ Database

56duong/real-time-chat-websocket-angular-spring-boot/database

🎥 YouTube Series

This project is part of my YouTube series, where I document the development process and share insights on building real-world applications. You can follow along with the series to view more about the application's architecture, implementation details, and best practices.

👋 Who i am?

A young developer, who dedicated to developing usable apps, not just 'homework apps'.

I delight in sharing my knowledge and experiences, hoping to inspire others to embark on their own journey in application development. Also, I have a fondness for sour soup 🥣.

⚖️ License

This project is licensed under the MIT License - see the LICENSE file for details.

📨 Contact

If you want to contact me you can reach me at [email protected]. If you'd like to contribute, please fork the repository and use a pull request for changes.

About

A real-time chat app offering individual and group chats, including chat color customization and group management. Users can log in, manage members, view active users, track unseen messages, and upload avatars.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published