Frontend-разработчик Vue/Nuxt

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

1. Основные достижения и задачи:
- Миграция проекта: Перевел проект с Vue 2 на Nuxt 3 с использованием Composition API, внедрил SSR с правильной гидратацией для повышения скорости загрузки и улучшения SEO. Использовал Nitro как BFF для оптимизации серверной части.

- Разработка интерфейсов: Создавал и адаптировал адаптивные интерфейсы по макетам из Figma, используя Tailwind CSS, Bootstrap и Nuxt UI. Реализовал сложные динамические разделы, такие как:

- Личный кабинет с настройкой профиля и бесшовной авторизацией.

- Онлайн-чат с динамическим обновлением данных через WebSocket.

- Высоконагруженный букмекерский раздел с реал-тайм обновлениями.

- Раздел с постами для взаимодействия пользователей.

- Создавал отдельные "слоты" с использованием библиотеки animate.js для создания анимации.

2. Интеграция API:
- Работал с REST API и GraphQL для взаимодействия с бэкендом. GraphQL использовался для оптимизации запросов, минимизации избыточных данных и ускорения загрузки сложных структур.

- Интегрировал Telegram Mini Apps API для авторизации пользователей через Telegram, что позволило создать удобный и безопасный процесс входа.

3. Рефакторинг и масштабируемость:
- Переводил legacy-код с Options API на Composition API, применяя принципы ООП и DRY для упрощения поддержки и ускорения дальнейшей разработки.

- Создавал переиспользуемые модели и интерфейсы (TypeScript) для компонентов и данных, что повысило масштабируемость проекта.

- Структурировал код для минимизации технического долга, делая его удобным для расширения функционала.

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

4. Работа с командой и процессами:
- Следовал методологии Scrum в рамках Agile, используя Jira и Trello для управления задачами.

- Применял Git Flow для организации работы с репозиторием, включая feature-бранчи, code-review .

- Тесно сотрудничал с бэкенд-командой, дизайнерами и тестировщиками для синхронизации задач и обеспечения качества.

- Использование ИИ: Активно применял инструменты ИИ (например, GitHub Copilot) для ускорения написания кода, генерации шаблонов и поиска оптимальных решений.

5. Решение проблем:
- Оптимизировал производительность высоконагруженных разделов, таких как букмекерский модуль, для обработки большого количества запросов.

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

- Исправлял устаревшие архитектурные решения, переводя их на современные стандарты.

6. Технологии:
Frontend: Vue 3, Nuxt 3 (SSR, Nitro), Composition API, TypeScript, Tailwind CSS, Bootstrap, Nuxt UI.
API: REST, GraphQL, WebSocket, Telegram Mini Apps API.
Инструменты: Git (Git Flow), Jira, Trello, Figma, i18n.
Подходы: ООП, DRY, Agile, Scrum.

Итог:
За два года работы в высоконагруженном проекте социального казино я приобрел значительный опыт в разработке масштабируемых интерфейсов, интеграции сложных API (включая GraphQL и Telegram), рефакторинге legacy-кода и командной работе по Agile. Проект дал глубокое понимание построения архитектуры для динамичных приложений, а также навыки решения нестандартных задач в условиях высокой нагрузки.