Корпоративный портал «Региональное содружество в области связи»

Описание

Корпоративный портал «Региональное содружество в области связи»

Описание проекта

Корпоративный портал разработан для объединения информации об организации и автоматизации взаимодействия с ее участниками, партнерами и гостями. Основная цель — создание удобной экосистемы для регистрации на мероприятия, обмена документами и управления контентом через административную панель. Проект реализован с учетом мультиязычности (RU/EN) и требований SEO-оптимизации.

Основные задачи

- Разработка публичного сайта с локализацией на двух языках.
- Создание системы регистрации участников, партнеров и гостей.
- Реализация административной панели для управления контентом, документами и мероприятиями.
- Настройка SEO, включая индексирование обеих локализаций (SSG/SSR/CSR).
- Обеспечение адаптивности под все устройства и высокую производительность.

Функционал портала

- Личный кабинет участника: подача заявок на мероприятие, управление профилем.
- Регистрация на мероприятия: отправка заявок с подтверждением по email.
- Запрос доступа к документам с разграничением прав через JWT-аутентификацию.
- Календарь событий организации с фильтрацией по месяцам и ссылками на страницы мероприятий.
- Новости и анонсы с системой категорий, дат публикаций и предпросмотра.
- Организационная структура: персональные страницы участников и компаний.
- Контакты и социальные сети — автоматическая генерация блога контактной карты на карте Яндекса из админки.
- Компоненты документов: настроенные блоки для разных типов пользователей (участники, компании, администраторы).
- Оптимизация изображений через Sharp и прогрессивную загрузку с превью в фотоплеере.
- Локализация реализована через query-параметры и маппинг на стороне приложения для статического контента.

Технологический стек

Frontend:
TypeScript, Next.js (SSG/SSR/CSR), React, CSS Modules, Zustand, Framer Motion, Hookform, Embla-carousel-react, Recharts.

Интеграции и библиотеки:
react-yandex-maps, react-pdf, Jose (JWT), Axios, DrizzleORM, Sharp, Zod.

Backend и инфраструктура:
PostgreSQL, MongoDB, AWS SDK, SEO-оптимизация, динамический sitemap и robots.txt.

Ключевые особенности

- Полная адаптивность: поддержка десктопных, планшетных и мобильных устройств.
- Динамическая рендеринг-схема: фронтенд сочетает SSG/SSR/CSR для максимальной отзывчивости и индексации.
- SEO-оптимизация: автоматическая генерация sitemap, корректные мета-теги, локализация URL.
- Безопасность: разграничение прав доступа по ролям, JWT-аутентификация и защита документов.

Демо и продакшн
- Продакшн: rcc-org.ru
- Демо: rcc.stardev.space
- Тестовый аккаунт участника RCC: Email: index123333@gmail.com  Пароль: qwerty

Контакты

По всем вопросам или для превью проекта пишите мне:
Telegram: @stardevelopment
Email: andrew@stardev.pro

Решение

- Полная адаптивность: поддержка десктопных, планшетных и мобильных устройств.
- Динамическая рендеринг-схема: фронтенд сочетает SSG/SSR/CSR для максимальной отзывчивости и индексации.
- SEO-оптимизация: автоматическая генерация sitemap, корректные мета-теги, локализация URL.
- Безопасность: разграничение прав доступа по ролям, JWT-аутентификация и защита документов.

Результат

Функционал портала

- Личный кабинет участника: подача заявок на мероприятие, управление профилем.
- Регистрация на мероприятия: отправка заявок с подтверждением по email.
- Запрос доступа к документам с разграничением прав через JWT-аутентификацию.
- Календарь событий организации с фильтрацией по месяцам и ссылками на страницы мероприятий.
- Новости и анонсы с системой категорий, дат публикаций и предпросмотра.
- Организационная структура: персональные страницы участников и компаний.
- Контакты и социальные сети — автоматическая генерация блога контактной карты на карте Яндекса из админки.
- Компоненты документов: настроенные блоки для разных типов пользователей (участники, компании, администраторы).
- Оптимизация изображений через Sharp и прогрессивную загрузку с превью в фотоплеере.
- Локализация реализована через query-параметры и маппинг на стороне приложения для статического контента.