Логотип инициалы

Eugene Zinin portfolio

  • About Me
  • Projects
  • Skills
  • Contacts
  • Обо мне
  • Проекты
  • Стек
  • Контакты

Hello! I’m Eugene

a frontend developer from St-Petersburg.

Download CV pdf

Привет! Я Евгений

frontend разработчик из Санкт-Петербурга.

Загрузить CV pdf

About Me

Hello! I’m Eugene, a frontend web developer with a year and a half of commercial experience. My journey in web development has been both exciting and challenging, allowing me to grow and hone my skills in various technologies and frameworks.

Here it is my work experience:

'Joki-Joya' — family amusement parks with well-developed IT infrastructure:

  • Tech stack: TypeScript, Nuxt JS 3, Vue JS 3, Pinia, Gsap, SCSS modules
  • Complete website redesign and scaling: developed 10+ interactive pages with dynamic content and complex UI/business logic (booking/payment systems); modernized existing sections: implemented updated design and new features while maintaining full backward compatibility.
  • Significantly optimized page load speed, increasing Lighthouse and Core Web Vitals scores from a poor 20/45 points on mobile/desktop versions to strong 90+/55. Implemented: resource compression, lazy loading, advanced caching strategies, code splitting.
  • Comprehensive code refactoring leveraging modern Nuxt and Vue features: code splitting for efficient resource loading, enhanced code readability and maintainability, optimized project structure for scalability.

'Sigma' — enterprise with government holdings consumers, huge billing product like «1C»:

  • Tech stack: ExtJS, Javascript, SCSS, git
  • Developed and maintained complex web applications using ExtJS, focusing on enterprise-level solutions.
  • Applied heavy practice of Object-Oriented Programming (OOP) principles to ensure scalable and maintainable code.
  • Extensive debugging and code improving within a really vast enterprise codebase, identifying and resolving critical issues efficiently.
  • Implemented project-level style improvements, injecting up-to-date technologies, ensuring a consistent and polished user interface across the application.

Обо мне

Привет! Меня зовут Евгений, я фронтенд-разработчик с полутора годами коммерческого опыта. Мой путь в веб-разработке был одновременно увлекательным и сложным, что позволило мне расти и оттачивать свои навыки в различных технологиях и фреймворках.

Мой опыт работы:

'Joki-Joya' — Семейные парки развлечений с развитой IT-инфраструктурой:

  • Стек: TypeScript, Nuxt JS 3, Vue JS 3, Pinia, Gsap, SCSS модули
  • Полный редизайн и масштабирование веб-сайта: разработка интерактивных страниц (10+) с динамическим контентом и сложной логикой взаимодействий и бизнес-логикой (форм бронирования/оплаты); модернизация существующих разделов — обновилённый дизайн и новый функционал с сохранением работоспособности.
  • Значительно оптимизировал скорость загрузки страниц, улучшил показатели Lighthouse и Core Web Vitals со скромных 20/45 пунктов (мобильная/десктопная версии) до 90+/55. Методы: сжатие ресурсов, ленивая загрузка, кэширование, code splitting.
  • Провел комплексный рефакторинг кода, используя современные возможности Nuxt и Vue: внедрил code splitting для эффективной загрузки ресурсов, улучшил читаемость и поддерживаемость кода, оптимизировал структуру проекта для масштабируемости.

'Sigma' — корпоративные решения для госсектора, разработка высоконагруженных биллинг-продуктов уровня «1С»:

  • Стек: ExtJS, Javascript, SCSS, git
  • Разрабатывал и поддерживал сложные веб-приложения на ExtJS с огромным количеством легаси-кода.
  • Реализовывал сложные решения, основанные на ООП, построение иерархий классов для бизнес-логики, рефакторинг legacy-кода.
  • Глубокая отладка и оптимизация кода в рамках крупномасштабной enterprise-кодовой базы, работа с кодом возрастом 10+ лет, удаление неиспользуемого и дублирующегося кода, написание документации.
  • Провел глобальный рефакторинг стилей: модернизация UI/UX на уровне всего продукта, внедрение актуальных технологий CSS, создание библиотеки UI-компонентов и SCSS-миксинов.

My Projects

  • Joki Joya site

    Joki Joya site

  • Roboto school site

    School site

  • Dating App StartUp Project

    Dating App StartUp

  • This portfolio site

    this.portfolio

  • Assembley endgame

    Assembley endgame

  • Pairs Memory Game

    Pairs Memory Game

Мои проекты

  • Joki Joya сайт

    Сайт парков развлечений Joki Joya

  • Сайт школы робототехники

    Сайт школы робототехники

  • Стартап Приложение знакомств

    Стартап Приложение знакомств

  • This portfolio site

    this.portfolio

  • Игра Ассемблер Навсегда

    Игра Ассемблер Навсегда

  • Игра угадай пару

    Игра Угадай Пару

My Skills

  • JavaScript
  • Sass
  • Nuxt
  • React
  • Vue
  • Pinia
  • Typescript
  • Web Sockets
  • Bootstrap
  • Accessibility
  • Gulp
  • Tailwind

Мой стек

  • JavaScript
  • Sass
  • Nuxt
  • React
  • Vue
  • Pinia
  • Typescript
  • Web Sockets
  • Bootstrap
  • Accessibility
  • Gulp
  • Tailwind

Contacts

Location:

Saint-Petersburg, Russia

Telegram:

@eugene_zinin

Email:

eugenezinin@gmail.com

Контакты

Город:

Санкт-Петербург, Россия

Телеграм:

@eugene_zinin

Email:

eugenezinin@gmail.com

© 2025 Eugene Zinin

my photo

phone

+7 981 712-65-79

mail

eugenezinin@gmail.com

telegram

@eugene_zinin

github

@DarthEvgenius

Tech stack

  • Nuxt 3
  • Vue.js
  • Pinia
  • Vue Router
  • ExtJS
  • React
  • JavaScript
  • HTML
  • CSS
  • SCSS
  • Tailwind
  • Bootstrap
  • Figma
  • GSAP
  • Gulp

Евгений Зинин

frontend developer

Обо мне

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

В работе стараюсь соблюдать принципы DRY и KISS. После плотной работы с ООП в крупной кодовой базе, на своей шкуре понял важность SOLID, а также преимущества TS перед чистым JS.

Люблю CSS, слежу за новейшими фичами и развитием CSS и HTML, а также развитием web API. Изучаю SQL курс от CS50.

Мой сайт-портфолио: darthevgenius.github.io/portfolio_site/

Опыт

  • Joki-Joya

    (Февраль 2025 — н. в.)

    Технический стек: Nuxt JS 3, Vue JS 3, Pinia, GSAP, SCSS-модули

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

    Существенно оптимизировал скорость загрузки страниц, повысив показатели Lighthouse и Core Web Vitals со скромных 20/45 (мобильная/десктопная версия) до крепких 90+/55.

    Провёл комплексный рефакторинг кода с внедрением современных возможностей Nuxt и Vue, улучшая структуру кода и его поддерживаемость.

  • Сигма

    (Март 2024 — Февраль 2025)

    Технический стек: Nuxt JS 3, Vue JS 3, Pinia, GSAP, SCSS-модули

    Разработка и дебаггинг веб-интерфейсов высоконагруженных биллинговых систем на языке Javascript (ExtJS, React).

    Работа с огромной кодовой базой, построенной на принципах ООП.

    Реорганизация и обновление системы стилей на уровне проектов. Внедрение современных технологий CSS, введение системы миксинов SCSS/Sass, унификация кода нескольких проектов.

    Построение многоуровневых JS приложений для работы с документами в прямом взаимодействии с аналитиками и дизайнерами.

Joki Joya web site

  • https://joki-joya.ru/

Tech stack: Nuxt 3, Vue JS, Typescript, Pinia, Vue Router, Element Plus, SCSS

Welcome!

Сайт парков развлечений Joki Joya

  • https://joki-joya.ru/

Стек: Nuxt 3, Vue JS, Typescript, Pinia, Vue Router, Element Plus, SCSS

Добро пожаловать!

School site hero section School site burger menu School site mobile menu Roboto site swiper Roboto site popup Roboto site modal Roboto site cards

School site

  • Live demo
  • Github page

Business-card site of programming and robotics school. Made after a figma design using vanilla Javascript, HTML, SCSS and Gulp toolkit with various modules.

  • Nice and simple hero section and adaptive menu, with smooth scrolling to the anchor tags on the page, transforming to burger-menu on small screen sizes and disabling hover effects.

    School site hero section
    School site mobile adaptive
  • Integrated usefull JS libraries: Swiper.js Popper.js

    Roboto site swiper
    Roboto site popup
  • Modals and shifting tabs inside modals. Also with custom scrollbar:

    Roboto site modal
  • And nice product cards with hover transition and transform effects

    Roboto site cards

Сайт школы робототехники

  • Демо
  • Github

Одностраничный лендинг для образовательного центра, выполненный по готовому дизайну в Figma. Техническая реализация: чистый JavaScript без фреймворков, семантическая HTML-разметка, SCSS-препроцессор для стилей и автоматизированная сборка на Gulp (с минификацией, автопрефиксером)

  • Красивая и лаконичная Hero-секция: адаптивное бургер-меню, smooth-scroll, обработка hover-only для десктопа.

    School site hero section
    School site mobile adaptive
  • Используемые JS-библиотеки: Swiper.js Popper.js

    Roboto site swiper
    Roboto site popup
  • Модальные окна с переключаемыми вкладками и кастомным скроллбаром:

    Roboto site modal
  • Карточки товаров с плавными hover-эффектами и трансформациями

    Roboto site cards

This portfolio site

  • Github page

Welcome to my portfolio site. This project is made using vanilla Javascript, HTML, SCSS and Gulp toolkit with various modules.

Poke around!

Этот сайт-портфолио

  • Github

Добро пожаловать на мой сайт-портфолио, созданный с использованием Vanilla JavaScript, HTML, SCSS и сборщика Gulp с различными модулями.

Исследуйте!

Dating app register page Dating app user subscription screen Dating app user preferences screen Dating app select page Dating app chat page

Dating App

  • Github page

Dating App is a startup project aimed at revolutionizing the way people connect and find meaningful relationships across every aspect of life: friendship, business, and love. I was responsible for the frontend part, building it from scratch firstly as demo-pages for live preview of design concepts, and then composing the entire logic of the application using React, JS, SCSS and Vite.

  • Intro page offers a brief overview of the app’s features and guides new users through the initial setup process: log user in or register via email or phone number.

    User’s profile settings page, where you can edit your personal information, preferences, avatar photos and chose one of three Application Subscription Plans for finding matches: Love, Friens or Business partners.

  • Once the user have a subscription plan, there are several settings and preferences to tune matches you want:

    The user’s subscription information:

    User’s preferences:

  • After all required settings are up, welcome to the main app’s screens:

    Look through the candidates and select which you like:

    Have a chat with your matches:

Приложение знакомств

  • Github

Это стартап-проект, нацеленный на революцию в способах установления контактов и поиска значимых отношений во всех сферах жизни: дружбе, бизнесе и любви. Я отвечал за фронтенд-часть: создавал её с нуля, сначала реализовав демо-страницы для живого просмотра дизайн-концепций, а затем полностью разрабатывал всю логику приложения с помощью React, JavaScript, SCSS и Vite.

  • Экран приветствия знакомит пользователей с возможностями приложения и предлагает регистрацию через email или телефон.

    Страница настроек профиля, где можно редактировать личную информацию, настраивать предпочтения, управлять аватарами и выбирать один из трёх тарифных планов для поиска: Love (романтические отношения), Friends (друзья) или Business (деловые партнёры).

  • После выбора тарифного плана пользователь может настроить параметры поиска и предпочтения для подбора совпадений:

    Информация о подписке пользователя:

    Настройки пользователя:

    Dating app user subscription preferences
  • После завершения всех необходимых настроек — добро пожаловать на главные экраны приложения:

    Просматривайте кандидатов и выбирайте понравившихся:

    Общайтесь в чатах:

Pairs Memory Game

  • Live demo
  • Github page

A pure-JS game with simple interface but some CSS animations and gradient tricks and a various game modes: you can select out of three difficulty levels and enable/disable a timer.

Give it a try!

Игра Угадай Пару

  • Демо
  • Github

Игра на ванильном JS, есть несколько режимов: можно выбрать один из трёх уровней сложности и включить/отключить таймер.

Поробуйте!

Assembley EndGame

  • Live demo
  • Github page

A guess-word game on React, in which you have to reveal a secret word in 8 attempts, or all programming languages will go away. Except Assembley…

It’s a fun!

Игра Ассемблер Навсегда

  • Демо
  • Github

Игра на угадывание слова на React, в которой нужно разгадать секретное слово за 8 попыток, иначе все языки программирования исчезнут. Кроме Ассемблера…

Угадай слово!