Details

Данная работа посвящена разработке клиентской части веб-приложения для системы агрегации данных вузов, ориентированной на привлечение студентов в ВУЗы. В ходе работы были решены следующие задачи: 1. Анализ потребностей целевой аудитории и обзор современных решений для проектирования агрегирующих платформ; 2. Выбор технологического стека и проектирование архитектуры веб-приложения; 3. Реализация графического интерфейса приложения; 4. Внедрение бизнес-логики и трехмерной графики в приложение; 5. Комплексное тестирование веб-приложения. Клиентская часть веб-приложения реализована как Single Page Application с использованием React и TypeScript, что обеспечило модульность и расширяемость. Для сборки использован Vite, интеграция 3D-графики выполнена с помощью Three.js и React Three Fiber. Для управления состоянием применяются Redux Toolkit и RTK Query, для работы с API – Axios. В результате создано клиентское приложение, помогающее абитуриентам искать и сравнивать вузы с помощью интуитивно понятного интерфейса, интеллектуального поиска и интерактивной 3D-графики. Решение адаптировано для широкой аудитории, включая иностранных пользователей, и стабильно работает на разных устройствах.

This thesis is dedicated to the development of the client side of a web application for a university data aggregation system aimed at attracting students to higher education institutions. The following tasks were accomplished during the work: 1. Analysis of target audience needs and review of modern solutions for designing aggregation platforms; 2. Selection of the technology stack and design of the web application architecture; 3. Implementation of the graphical user interface; 4. Integration of business logic and 3D graphics into the application; 5. Comprehensive testing of the web application. The client side of the web application was implemented as a Single Page Application using React and TypeScript, ensuring modularity and scalability. Vite was used for project bundling, and 3D graphics integration was achieved with Three.js and React Three Fiber. State management is handled with Redux Toolkit and RTK Query, while API interaction is performed using Axios. As a result, a client-side application was created to help prospective students search for and compare universities through an intuitive interface, intelligent search, and interactive 3D graphics. The solution is adapted for a wide audience, including international users, and operates reliably across various devices.