Розробка веб-сайту для онлайн гри «Мафія» з використанням фреймфорку React та Node.js

Abstract

Метою кваліфікаційної роботи є створення функціонального веб-сайту для гри «Мафія» з підтримкою взаємодії в реальному часі, автоматизацією ігрових процесів, зручним інтерфейсом користувача та можливістю гнучкого налаштування параметрів гри. Основним завданням є розробка SPA-застосунку, що забезпечує розподіл ролей, хід гри, нічні дії, голосування та визначення переможців без участі ведучого. Для досягнення мети використано методи компонентної архітектури, технології WebSocket та REST API, а також засоби фронтенду (React) та бекенду (Node.js, NestJS). Система розроблена з урахуванням сучасних вимог до інтерактивності, масштабованості та зручності використання. У роботі проаналізовано існуючі аналоги, спроєктовано архітектуру, реалізовано і протестовано застосунок. Увагу приділено технічним та експлуатаційним характеристикам, зокрема швидкодії та підтримці багатьох користувачів. Результати роботи можуть бути впроваджені як у приватному порядку, так і на публічних платформах. Проєкт має соціальну значимість як інструмент для популяризації українського контенту та розвитку онлайн-комунікації. У підсумку, робота демонструє можливість ефективного застосування сучасних веб-технологій для створення багатокористувацьких інтерактивних систем і може бути основою для подальшого розвитку подібних продуктів.

The purpose of the qualification work is to create a functional website for the game "Mafia" with support for real-time interaction, automation of game processes, a convenient user interface and the ability to flexibly configure game parameters. The main task is to develop an SPA application that provides role distribution, game progress, night actions, voting and determining winners without the participation of the host. To achieve the goal, component architecture methods, WebSocket and REST API technologies, as well as frontend (React) and backend (Node.js, NestJS) tools were used. The system was developed taking into account modern requirements for interactivity, scalability and ease of use. The work analyzed existing analogues, designed the architecture, implemented and tested the application. Attention was paid to technical and operational characteristics, in particular, speed and support for many users. The results of the work can be implemented both privately and on public platforms. The project has social significance as a tool for popularizing Ukrainian content and developing online communication. In conclusion, the work demonstrates the possibility of effective application of modern web technologies to create multi-user interactive systems and can be the basis for further development of similar products.