Diploma thesis is devote to creation commercial and administration internet portal for selling and managing products. By creating means specify user's requirement from concrete company, created application architecture and implement all of this. Developed portal is a SPA Web application type based on JavaScript library named React and PHP Symfony framework.

Цель работы – создание Web-приложения для взаимодействия с серверной частью, на которой запущен Discord-бот для прослушивания музыки из разных источников, включая российские музыкальные сервисы. Объектом выпускной квалификационной работы является VoIP-мессенджер Discord. Предметом выпускной квалификационной работы является Frontend часть Discord-бота для прослушивания музыки с разных источников с поддержкой web-интерфейса. В работе рассматривается предметная область, аналоги. Производится оценка и выбор технологий, архитектуры приложения. Описывается процесс разработки, трудности и подходы к их решению. Описывается тестирование и перспективы развития. / The goal of the work is to create a Web application for interacting with the server part, which runs a Discord bot for listening to music from various sources, including Russian music services. The object of the final qualifying work is the VoIP messenger Discord. The subject of the final qualifying work is the Frontend part of a Discord bot for listening to music from different sources with support for a web interface. The work examines the subject area and analogues. Technologies and application architecture are assessed and selected. The development process, difficulties and approaches to solving them are described. Testing and development prospects are described.

FriendlyReader and TeCST are text simplification tools developed at Linköping University, using an API service at the university called SAPIS. Both tools are web services that run in the browser for users. To improve the services an implementation of state-transition tracking was chosen as a way to both improve the website by enabling the user to undo actions, but also enable the client to cache information which lowers the amount of requests required to SAPIS. Two libraries, called MobX and Redux, where compared to find the one which worked best for FriendlyReader and TeCST. The main difference between MobX and Redux is the programming paradigms, MobX is object-oriented while Redux is functional. In the end MobX was chosen due to the object-oriented nature of the library which is more familiar for beginners while also requiring less code to achieve similar results. MobX lacks native support to keep track of previous state transitions which is required to be able to go back to a previous state. Using MobX a new library called GlobalStore was created to solve this problem. An implementation example for synonyms was produced as a proof of concept for FriendlyReader.