Single-Page-Application for a Multiplayer-Network to aggregate and display data

Development of a Spring Boot Backend to provide server data from a MySql database via REST API as well as conception and design of a Frontend to display player information and statistics.

Challenge

A multiplayer game project aimed to present player data through an engaging and intuitive user interface. Features such as leaderboards, event announcements, and new auctions were to be made easily accessible to players from anywhere.

The data already resided in a MySQL database. However, the existing website—built with PHP—was no longer suitable for the evolving requirements. To provide a more dynamic and responsive user experience, the decision was made to replace it with a modern architecture based on a Single Page Application (SPA).

Backend

The backend was developed using Spring Boot, enabling the creation of a robust REST API. This allowed complex database queries to be efficiently handled and exposed via Data Transfer Objects (DTOs), ensuring clean and structured communication between the server and client.

Frontend

The frontend was implemented using the Vue.js framework, chosen for its flexibility and reactive capabilities. Given the highly customized design requirements, styling was handled with SCSS, allowing for modular, maintainable, and scalable stylesheets tailored to the game's visual identity.

Deployment

The entire application was containerized using Docker, and deployment was managed via Portainer, simplifying infrastructure management and enabling seamless updates and scalability.