The purpose of this application is to practice the use of websocket, the focus wasn't to develop an application with a strength authentication and authorization nor a beautiful frontend.
These are some screenshots of the application:
The following are steps to get the application running as development mode:
First of all, you will clone the repository in your computer:
$ git clone https://github.com/iurilimamarques/chat-app.git
$ cd chat-app/frontend-chat-project
$ npm install
$ npm run dev
It's important to notice that the frontend rely on the backend running to work properly, follow the instructions to get the backend running.
It's also important to create a database named chat_database and the database's credential should match the defined in application.properties in the backend file.
$ cd chat-app/api-chat-project
$ mvn clean install
$ mvn spring-boot:run
- AngularJS Build the Single Page Application on the frontend.
- UI-Router Router.
- Spring Boot Build the server side application.
- Webpack Work as module bundler for the SPA.
- Bootstrap 5 Framework used to design the frontend.
- sockjs-client It's a browser JavaScript library that provides a WebSocket-like object.
- Stomp STOMP Over WebSocket provides a straightforward mapping from a STOMP frame to a JavaScript object.