Chat Application Project

This project is a real-time chat application where users can connect and chat with each other. It includes features like user authentication, group chats, private messages, and multimedia sharing. The application uses Spring Boot for the backend, SockJS for WebSocket communication, and React for the frontend.

---

Features

• User Login: Users must log in with a username to join the chat.
• Real-Time Messaging: Chat updates happen instantly for all participants in the chatroom.
• User Notifications: Get alerts when someone new joins the chatroom.
• Private Messages: Chat privately with other users.
• Multimedia Sharing: Share photos, videos, and other files in the chat.
• User Logout: Easily log out, and your username will be removed from the list of active participants.

---

Tech Stack

This application uses the following technologies:

• Spring Boot: Handles the backend functionality and business logic.
• SockJS: Enables real-time communication using WebSocket or fallback mechanisms.
• React: Powers the frontend user interface and interactions.

---

How to Run the Project Locally

Backend Setup (Spring Boot)

1. Clone the Repository:

   git clone https://github.com/hemanthsaich/ChatApp-Springboot.git  ```

2. Navigate to the project directory: cd chatroom-backend
3. Set up the backend server:
   • Install the necessary dependencies: mvn clean install
   • Start the Spring Boot server: mvn spring-boot:run
4. Set up the frontend:
   • Install the necessary dependencies: cd chatroom-ui && npm install
   • Start the React development server: npm run dev
5. Open your web browser and visit http://localhost:5173 to access the chat application.

Screenshots

Here are some screenshots of the chat application:

1. Chat Page

• Chatroom

• Private Text