Project
Real-time Chat
Challenging
44 completions
~ 51 hours
4.5Learn how to use HTML/CSS and JavaScript for the app frontend. Continue with Java, Spring Boot, and WebSocket with STOMP protocol as the solution for the backend.
Provided by
JetBrains Academy
About
Get acquainted with WebSockets and create a simple multi-user chat application. The app will support public chats where all users of the app can send and see messages, and private chat between two app users.
Graduate project
This project covers the core topics of the Java Full Stack Developer course, making it sufficiently challenging to be a proud addition to your portfolio.
At least one graduate project is required to complete the course.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Use HTML and CSS to implement a basic chat page.
Implement the input field, send button, and message container with JS and add more CSS styles.
Implement the group chat using WebSocket with STOMP protocol.
Implement a simple login. Extend the message structure and show the sender with the date.
Add a new section that shows a list of online users.
Allow users to switch between public and private chats.
Implement sending and receiving private messages.
Add counters near usernames in the user list that shows the number of unread messages, and move usernames of chatters to the top of the user list.
Reviews
JK
Josephine Kramer44 minutes ago
I have learned about Full Stack Development, how to implement functions on front- and backend. I learned about STOMP for sending and receiving real time messages.
3 months ago
extremely complex for me that doesn't like js and code in java all day (i am a backend developer). However if you manage to complete this one then you are on the good track. Try not to vibe code with AI, it will only complexify the project
4 months ago
This is a great project for gaining extensive experience with Spring MessageBroker implementation and WebSockets in general. It provides great opportunity to practice direct DOM manipulations or experiment with any new UI framework. However, be aware that some of the tests are quite stubborn and un ...
4.5
Learners who completed this project within the Java Full Stack Developer course rated it as follows: