Browser game

Case study

A two-year Angular project was delivered using SCRUM. Each Sprint was a two-week long. The browser game was created especially for licensed casinos.

The application includes the game (multiplayer), the division into rooms, profile management, and user settings. Players can communicate via Chat, which was built with Vue.js. It’s a separate module which can be integrated easily with other custom products. Within the basic game, six simple games were developed, where you can play for money on additional games.

Within the project we were also responsible for the second application – chat moderation system.

Angular / Vue / Jasmine / Karma / TypeScript / NodeJS

The scope of our actions

Workshops

Together with the client, we participate in workshops to better understand their vision and ensure an ideal fit with their expectations.

Analysis

We start by gaining a deep understanding of the client's needs and project goals to deliver personalized solutions.

Technology audit

We conduct a detailed technology audit, identifying the best tools and solutions tailored to the project's needs.

Front-end web development

We create responsive and dynamic user interfaces, leveraging the latest front-end technologies.

Optimisation

We ensure optimization for search engine rankings, security, and page loading speed.

Manual testing

We conduct comprehensive manual testing, verifying the functionality of each feature on various devices available on the market, ensuring flawless operation and high product quality.

Automated tests

We utilize automated testing to quickly and effectively verify the functionality of the website under various conditions.

Launch

We deploy the website on the production server, ensuring a smooth process and minimizing potential disruptions.

Warranty service

We provide a 12-month warranty on the work performed, ensuring clients complete security and confidence in the functioning of the website after its launch.

Main goals
and project challenges

The Application was built using Angular framework, which is TypeScript based. Following the principles of Angular, instead of Promise, we used RxJs for asynchronous operations.

Technologies

The project was generated by Angular-CLI, thanks to this fact we installed linting, test environment (Karma, Jasmine, Protector), test local server and commands to create files from the boilerplate.

The architecture is based on Flux. We used the NGRX library for this purpose.

Communication

We are using two ways of communication with Backend: REST requests and WebSockets.

Our team used the STOMP protocol to support bidirectional communication with Sockets.

Howler.js library usage helps us to handle sounds. For generating sprites from sound samples, we have written a script in Node.js (using the audiosprite and FFmpeg libraries).

The application is multilingual, the translations handled by messageformat.

Attractive UI Design

Focus on creating an engaging user interface that is visually appealing and operates efficiently using advanced frontend technologies, ensuring a fast, responsive, and exciting gaming experience.

Backend Efficiency

Enhance backend communications through REST requests and WebSocket connections, employing the STOMP protocol for effective bidirectional communication.

Scalability and Integration

Ensure the game module, especially the chat feature built with Vue.js, is scalable and easily integratable with other custom products.

Enhanced Gameplay Experience

Improve the multiplayer gaming experience by incorporating robust profile management, room divisions, and real-time chat functionality.