Messenger Project : Real Time Chat with ReactJS and Spring Boot

Messenger project : real time chat with ReactJS and Spring Boot

This web application is a project that I made myself to practice in Java and ReactJS. Please do not hesitate to contact me if you see any errors (small or big).

Note : WIP ! I am refactoring the application with Redux, some features may not be available.

Project Requirements
  • JDK 8
  • NodeJS
  • MySQL Server
Project set up
  • This project use liquibase as a version control for database. When you will start backend, all tables and structures will be generated automatically.
  • To try the project on localhost, check that nothing runs on ports 9090 (Spring Boot) and 3000 (React app)
  • You can edit spring.datasource in backend/src/main/resources/application.properties and username and password in backend/src/main/resources/liquibase.properties with your own SQL login / password
  • Create a database named “websocket” or you can also modify the name in the properties files mentioned just above.
Start server
  • Go inside backend folder then type mvn spring-boot:run to launch backend.
  • Or you can type mvn clean package to generate a JAR file and then start server with java -jar path/to/jar/file (Normally in inside backend/target/)
Start frontend
  • Go inside frontend-web folder and then type npm react-scripts start

Features

Project overview

  • Simple chat group application based on websocket
  • Send images
  • Secure user account based on Spring Security JWT
  • Room discussion with STOMP and SockJS
  • Chat group administrators
  • Add / remove users from conversation
  • Dark / Light Mode

Download Details:

Author: Thibaut-Mouton

Source Code: https://github.com/Thibaut-Mouton/react-spring-messenger-project

#react #reactjs #javascript

Messenger Project : Real Time Chat with ReactJS and Spring Boot
38.50 GEEK