Система профессионального нетворкинга для студентов, визуализации сообщества на карте и взаимодействия с работодателями. Проект позволяет находить единомышленников для хакатонов и учебных проектов, основываясь на стеке технологий и местоположении.
- Core: React, TypeScript
- State Management: Zustand (Persist Middleware)
- Routing: React Router
- Styles: Tailwind CSS, Shadcn UI
- Forms: React Hook Form, Zod
- API: Axios
- Maps: Leaflet
При разработке использована методология Feature-Sliced Design (FSD), что обеспечивает масштабируемость и низкую связанность модулей.
- App: Настройка роутинга и глобальных провайдеров.
- Pages: Компоненты страниц (Карта, Дашборд, Авторизация).
- Widgets: Самостоятельные блоки интерфейса (Карточки пользователя, Навигация).
- Features: Интерактивная бизнес-логика (Обновление профиля, Работа с заявками, Поиск).
- Entities: Логика бизнес-сущностей (User, Opportunity) и их Zustand-сторы.
- Shared: Переиспользуемые UI-компоненты, конфигурация API и утилиты.
- Code Splitting: Разделение бандла на уровне роутов для оптимизации загрузки.
- Optimistic Updates: Применение оптимистичных обновлений интерфейса при смене приватности и аватара для мгновенного отклика.
- Security: Безопасное хранение сессий и автоматическая обработка ошибок авторизации через Axios Interceptors.
- Lazy Ленивая загрузка страниц обеспечивающая более быструю загрузку сайтов.
- Карта студентов: Интерактивная карта с фильтрацией соискателей по навыкам.
- Приватность: Возможность мгновенного переключения видимости профиля в поиске.
- Система заявок: Отправка запросов на добавление в контакты и отслеживание статусов.
- Профиль: Управление личными данными, ссылками на GitHub и портфолио.
- Верификация: Специальный интерфейс для работодателей с проверкой через ИНН.
bun i && bun devили через docker:
docker build -t frontend .
docker run -d -p 80:80 --name frontend-app frontend