Адаптация сайта под арабский язык с RTL-поддержкой

Суть задачи

Существующий сайт, разработанный на стеке React и Node.js, необходимо локализовать для арабскоязычной аудитории. Основная сложность заключается не только в переводе контента, но и в технической адаптации всего пользовательского интерфейса под RTL (right-to-left) направление.

Исходные данные и требования

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

Основные работы

Фронтенд (React)

  • Адаптация всех React-компонентов под поддержку RTL.
  • Настройка и корректировка стилей (CSS/SCSS) для правильного зеркального отображения интерфейса: выравнивание текста, позиционирование элементов, направление flex/grid-сеток, отступы (padding/margin).
  • Обеспечение переключения между LTR (для других языков) и RTL (для арабского) режимами без потери функциональности.

Бэкенд (Node.js) и админ-панель

  • Интеграция механизма выбора языка и применения RTL-настроек.
  • Настройка корректной обработки и хранения текстового контента на арабском языке.

Общее

  • Тестирование вёрстки и UI/UX на арабском языке на разных устройствах и браузерах.
  • Согласованность отображения с предоставленным дизайн-макетом из Figma.