Главная/ Кейсы/ Разработка и интеграции для Росбанка

Разработка и интеграции для Росбанка

Задача

Разработать корпоративный веб‑сайт, состоящий из клиентского приложения на React.js и уникальной административной панели на Yii Framework. Произвести интеграцию разработанных сервисов с внутренними системами банка.

Технологии

Next.js
Next.js
Redux
Redux
Stylus
Stylus
Webpack
Webpack
Express.js
Express.js
Percona Server
Percona Server
Yii 2 Framework
Yii 2 Framework
Изображение


Технологии

Сайт реализован, опираясь на подход Single‑page Application с RESTful backend. Теперь пользователь не ждет загрузки страниц при навигации по сайту, а наслаждается нашими быстрыми, а главное, удобными интерфейсами на React.

Frontend‑приложение разработано с применением современного JavaScript‑фреймворка Next.js, на базе которого реализована логика работы клиентской части. Redux обеспечивает хранение и управление данными уровня React-приложения, общий роутинг — формирование и парсинг URL‑адресов реализован с помощью пакета next‑routes.

Для правильной индексации сайта в поисковых системах используется технология Server‑side rendering клиентской части на основе Node.js.

Изображение


Система управления контентом

Уникальный конструктор страниц позволяет быстро создавать новые страницы сайта из различных функциональных блоков, которые наполняются специфическим контентом или включают в себя другие функциональные блоки.

Изображение


В рамках проекта реализован компонент управления мультиязычностью, который позволяет в одной и той же системе управления продуктом создавать уникальные по структуре и контентному наполнению сайты на различных языках.

Также реализован модуль автоматического определения города по геолокации пользователя.

Изображение


Интерактивный модуль управлением меню позволяет динамически собирать основное меню для клиентской части веб‑сайта, учитывая его языковую версию. Для различных языков может быть абсолютно различное иерархическое меню.

Изображение


Реализованная система управления хранилищем документов позволяет в любой момент откатиться на любую версию любого документа, загруженного в систему, а также отслеживать жизненный цикл этих документов.

Изображение


Адаптивная версия

Наряду с десктопной версией сайта для мобильных устройств была реализована адаптивная версия, что обеспечивает удобную работу с функционалом сайта независимо от устройства просмотра.

Изображение


Масштабируемость проекта

Полностью модульная расширяемая архитектура веб‑продукта позволяет горизонтально и вертикально масштабировать как клиентскую, так и бэкофисную часть, тем самым оптимально балансировать и распределять возрастающую нагрузку.

Похожие кейсы

Что о нас говорят в СМИ: делимся экспертизой, кейсы и вдохновляющие истории

Перейти к кейсам
block
Система определения дефектов упаковки с помощью компьютерного зрения

Backend development

case poster
Онлайн-сервис «СберЮрист»

Финансы, frontend development, backend development