ЧТО СДЕЛАЛ В КОМПАНИИ: - Перевел большое монолитное веб приложение на микрофронтенды - Разработал и внедрил архитектуру приложений - Настроил сборки проектов, тесты (unit, интеграционные, скриншотные, e2e), линтинг, код стайл, авто тесты на прекомит хук - Проводил прояснение функциональности по исходному коду (Реверс инжиниринг ПО) - Проводил код ревью разработчиков - Декомпозировал сложные, большие участки кода (сделал их удобнее, меньше, читабельнее) - Производил рефакторинг и оптимизацию кода - Производил оптимизацию перерисовок React приложений - Писал сложные утилитные и условные типы на TypeScript - Дополнительно: работал с WebSocket, LocalStorage, JWT, PWA, React Native СТЭК ТЕХНОЛОГИЙ: - TypeScript - React - Redux toolkit - Webpack + Module Federation - JavaScript - SCSS - Storybook - Docker - Ruby - Python

РАЗРАБОТКА ПЛАТФОРМЫ ИГРОВОГО ОБУЧЕНИЯ ПРОГРАММИРОВАНИЮ Код проекта на GitHub: https://github.com/tony-show/game-learning-platform Оптимизировал: - Устранил лишние перерисовки всех компонентов проекта (memo, useMemo, useCallback) - Внедрил асинхронную подгрузку страниц (разбил на чанки, React.lazy) - Внедрил динамическую подгрузку/выгрузку редюсеров Redux стора - Внедрил динамическую подгрузку чанков перевода сайта (для i18Next) - Внедрил нормализацию данных Redux стора (Entity Adapter) Реализовал на текущий момент: - Покрыл тестами (Unit, интеграционные, скриншотные, e2e) 95% проекта - Создал библиотеку компонентов на Storybook, разбитую на блоки по архитектуре проекта (FSD). - Внедрил CI автоматические прогоны тестов (линтинг ts, scss, тесты unit, интеграционные, скриншотные) проекта используя GitHub actions, Husky (на pre-commit) - Внедрил перевод сайта на Русский/Английский языки - Внедрил 3 цветовые темы сайта - Добавил прототипы страниц из скелетонов при загрузке данных - Реализовал авторизацию - Реализовал постраничную навигацию - Внедрил страницу профиля просмотр/изменение - Раелизовал динамическую сборку страниц статей из типовых блоков страницы - Внедрил вывод/добавление комментариев к статье Технологии: - Архитектура: FSD (Feature Slice Design) - Стек: SCSS, TypeScript, React, Redux Toolkit, React Router - Сборка: Webpack - Стили: CSS Modules, SCSS - Тестирование: --- Unit, Интеграционное (Jest, RTL (React Testing Library) --- Скриншотное (Loki + Storybook) --- e2e тесты на Cypress - Визуализация, UI: Storybook - CI/CD: GitHub actions, Husky (pre-commit hooks) - Интернализация: i18Next - Code style, Linting: ESLint, Prettier, TSlint - Моки, БД: Json-server

Создание образовательного ресурса по профессии фронтенд разработчик. Реализовал: - Фронтенд (Next.js), Бэкенд (Nest.js), Базу данных (Postgresql) - Систему бронирования - Систему скидок Стек технологий: React, Next.js, Redux, TypeScript, Nest.js, Postgresql Сборка: Webpack Code Style, Linting: ESLint, Prettier GitHub Код проекта интернет магазина, разработанный мной для обучения учеников: https://github.com/tony-show/big-marketplace

Компания агрегатор судоходных услуг (аренда, продажа яхт, катеров, теплоходов, круизов) Что делал: - Устрянял легаси код - Создал новую версию проекта - Создал микросервис генерации СЕО текстов (Заголовки, описания..) по входящим параметрам - Создал SPA приложение - Календарь занятости судов (для владельцев судов) - Создал многофункциональную систему тарификации услуг. Стек: - React - MobX - TypeScript - JavaScript - Webpack

Что делал: - Создал чат социальной сети (WebSocket) - Реализовал вывод событий на карте с объединением в группы для оптимизации рендеринга, при изменении масштаба карты. - Создал страницы покупки/создания/редактирования билетов на мероприятия - Создал личный кабинет пользователя, страницы мероприятий, информационные страницы. Стек: - React - Redux - Next.js - Webpack - SCSS - TypeScript

Что делал: - Разрабатывал архитектуру проекта, подбирал стек технологий для клиентской части сайта - Разделил хранилище приложения от хранилища данных форм. - Внедрил сложную валидацию форм (множественные взаимосвязи полей разных форм) - Настроил сборку проекта на Webpack - Разделил проект на 3 отдельные микросервиса-точки входа (Сайт, личный кабинет соискателя, личный кабинет медицинских организаций) - Учавствовал в заключительной прорисовки UI дизайна сайта Стек: - Фреймворк: React - Стейт: MobX - Стили: PostCSS - Код: TypeScript - Тесты: Unit, интеграционные (Jest, RTL) - Сборка: Webpack - Code style, Linting: ESLint, Prettier

Разработка сайтов, HTML5, CSS3, Gulp, jQuery, JavaScript, PostCss

Эстрадно-джазовый, Пианист, артист, руководитель эстрадных коллективов, аранжировщик