Project
Real-time Chat
Challenging
57 completions
~ 55 hours
4.6Learn 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
2 months ago
Fun project that'll get you thinking about how messaging apps actually work. I got much more familiar with WebSockets and creating responsive UI with JavaScript.
4 months ago
Basics of WebSockets, WS sessions, WS events, Stomp client. Careful DOM manipulation.
Yassir Driuch
7 months ago
A quite useful project for learning DOM manipulation, Websocket and JavaScript overall
4.6
Learners who completed this project within the Java Full Stack Developer course rated it as follows: