Junior Frontend әзірлеушісі

Разрабатывал веб-приложение Dividio — сервиса по финансовому планированию с возможностью анализа и распределения доходов по категориям (необходимое, инвестиции, сбережения и так далее). Мои задачи (Frontend): — Реализация регистрации/авторизации с использованием JWT и хранением токенов в httpOnly cookie; — Разработка адаптивного интерфейса с использованием Tailwind CSS; — Имплементация темной и светлой темы, а также мультиязычности через i18next; — Организация глобального состояния через Redux Toolkit, а также использование RTK Query для общения с backend API; — Создание форм с React Hook Form и Zod для валидации данных; — Реализация интерфейса для отображения бюджета в виде списка и диаграмм (Recharts); — Использование Framer Motion для анимации переходов и всплывающих элементов; — Внедрение архитектурных принципов Feature-Sliced Design (FSD) для удобной масштабируемости проекта; — Настройка уведомлений с помощью Sonner. Стек: React, Type, Vite, Tailwind CSS, Redux Toolkit, RTK Query, Zod, React Hook Form, Framer Motion, Recharts, i18next, Sonner. Мои задачи (Backend): — Реализация аутентификации и авторизации с использованием JWT (access/refresh) и хранением токенов в httpOnly cookie; — Разработка REST API для работы с пользователями, транзакциями, категориями бюджета и настройками профиля; — Валидация и трансформация входящих данных через class-validator и DTOs; — Подключение базы данных MySQL через Prisma ORM с описанием моделей и связей; — Оптимизация запросов и настройка индексов для повышения производительности; — Организация структуры проекта по слоям (Modules, Services, Controllers); — Настройка CORS, rate limiting, cookie parser и Helmet для безопасной работы API; — Интеграция с фронтендом через REST API, учёт CORS и схемы авторизации. Стек: Nest, Type, Prisma ORM, MySQL, JWT (access + refresh), Cookie httpOnly + защита от XSS/CSRF.

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

Разработка сайта: - Адаптивная и кроссплатформенная верстка макета; - Интеграция верстки на Wordpress (CMS); - Форма обратной связи (отправка заявок с сайта на почту); - Интеграция Яндекс.Карт на сайте; Во время создания сайта использовались: - HTML - CSS - SCSS - JS - GULP