Розробка вебсистеми месенджера на основі бібліотеки ReactJS

Abstract

UK: У ході розробки виконано аналіз сучасних інструментів комунікації та архітектурних підходів до створення систем реального часу. Вимоги до власного рішення: простота, масштабованість, захист даних і мінімалістичний інтерфейс. Для реалізації клієнтської частини використано React, Tailwind CSS і Zustand. Серверна частина побудована на Node.js з використанням Express для REST API та Socket.IO для реального часу. Збереження даних реалізовано на базі MongoDB, автентифікація — через JWT, а паролі хешуються за допомогою bcrypt. Система підтримує збереження теми інтерфейсу в localStorage, а також забезпечує адаптивний вигляд для мобільних пристроїв. Розроблений застосунок повністю працює у браузері без потреби в окремих клієнтських програмах. Реалізована система є повноцінним прототипом вебмесенджера, що відповідає вимогам безпеки, продуктивності та зручності. Використані технології забезпечують гнучкість, масштабованість і придатність до подальшого розвитку. EN: During the development, an analysis of modern communication tools and architectural approaches to real-time systems was conducted. Requirements for the solution included simplicity, scalability, data security, and a minimalist interface. For the client-side implementation, React, Tailwind CSS, and Zustand were used. The server-side was built on Node.js, utilizing Express for REST API and Socket.IO for real-time communication. Data storage was implemented using MongoDB, authentication was handled via JWT, and passwords were hashed using bcrypt. The system supports saving interface themes in localStorage and provides an adaptive design for mobile devices. The developed application operates entirely in the browser without requiring separate client software. The implemented system is a fully functional prototype of a web messenger that meets security, performance, and usability requirements. The technologies used ensure flexibility, scalability, and suitability for further development.