Git Product home page Git Product logo

kshitijk5 / springboot-chatapp Goto Github PK

View Code? Open in Web Editor NEW
12.0 1.0 1.0 87.85 MB

The Chat Application Project is a real-time messaging platform built using Spring Boot, SockJS, and React. It provides a seamless chat experience with features like user authentication, real-time message updates, private messaging, and multimedia file sharing. The application ensures user privacy by removing usernames from the user list upon logout

License: MIT License

JavaScript 73.16% HTML 3.16% CSS 13.39% Java 10.29%
chat-application react real-time-messaging sockjs springboot webdevelopment websocket multimedia-sharing

springboot-chatapp's Introduction

Springboot-chatapp

Chat Application Project

This is a chat application project that allows users to communicate with each other in real-time. It is built using the Spring Boot framework for the backend, SockJS for WebSocket communication, and React for the frontend. The project utilizes Maven as the build tool for the backend.

Features

  • User Authentication: Users are required to log in with a username before they can access the chat application.
  • Real-time Chat: Once logged in, users are directed to the chat page where they can send messages in the chatroom.
  • User Presence: Users are notified when new users join the chatroom, allowing them to be aware of other participants.
  • Private Messages: Users have the ability to send private messages to specific individuals.
  • Multimedia Transfer: The application supports the transfer of multimedia files, such as photos and videos.
  • Logout: Users can log out from the application, and their username will be removed from the user list displayed to other participants.

Tech Stack

The application incorporates the following technologies:

  • Spring Boot: A Java-based framework used for building the backend server and handling business logic.
  • SockJS: A WebSocket emulation library that enables real-time communication between the server and clients.
  • React: A JavaScript library used for building the user interface and handling frontend functionality.

Setup Instructions

To run the chat application locally, follow these steps:

  1. Clone the repository: git clone https://github.com/Kshitijk5/Springboot-chatapp.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. Login Page

  2. Chat Page

  • Chatroom

  • Private Text

Feel free to explore and enhance the application according to your requirements.

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvements, please create a new issue in the repository. You can also submit pull requests to contribute directly to the project.

License

The chat application project is open-source and released under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.

springboot-chatapp's People

Contributors

kshitijk5 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

aishusenthil

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.