Контактна інформація

Отримати контакти цього кандидата можна на сторінці https://www.work.ua/resumes/5343520/

Досвід роботи

Front-end developer

з 03.2021 по нині (5 років 8 місяців)
Hero Study, Київ (Освіта, наука)

Hero Study — масштабна платформа управління навчанням (LMS) для університетів. Архітектура: Yii2 (PHP) + REST API + MySQL + RabbitMQ + Angular на фронтенді. Я працював над кількома напрямками.

1. Особистий кабінет студента + застосунки Android/iOS (Angular 17 SPA).
Стек: Angular (12 → 17), TypeScript, RxJS, Bootstrap, SCSS, Capacitor, Ionic, Storybook, Jasmine, Karma, Allure, GitLab CI/CD
Повноцінний SPA — особистий кабінет студента.
•Розробка та підтримка модулів: Дашборд, Профіль, Курси, Предмети, Навчальний план, Журнал успішності, Квізи, Навчальні програми, Розклад, Академічний календар, Домашні завдання, Транскрипт, Дипломний проект, Бібліотека, Новини, Опитування, Нотатки і задачі, Заявки студента, Довідки, Гуртожиток, IBAN-повідомлення, Вакантні гранти, Синхронізація даних.
•Реалізація складної бізнес-логіки: фільтри, стани, пагінація, умовне відображення.
•Фіксинг багів між релізами.
•Unit-тестування компонентів та сервісів (Jasmine, Karma), налаштував звітність Allure.
•Перетворив існуючий Angular-портал на нативні мобільні застосунки Android/iOS (Capacitor/Ionic) без розробки окремого коду для мобільних платформ та опублікував їх у Google Play та App Store.
•Оновив Angular 12 → 17.
•Підтримував спільну бібліотеку UI-компонентів, впровадив Storybook.

2. Angular Elements — адміністративна панель ( Angular 11)
Стек: Angular 11, Angular Elements (Custom Elements), Angular Material, Apollo GraphQL, RxJS, CKEditor, Highcharts, ngx-translate, TypeScript
Окремий Angular-проєкт, що збирається як набір веб-компонентів і вбудовується в PHP-сторінки адмінпанелі.
•Розробка та підтримка модулів: Спільні компоненти, Квіз-екзамен, Опитування, Конструктор робочого навчального плану, Навчальний план, Індикативний план, Індивідуальний план, Налаштування семестру, Контингент у реєстрах, Анкетування, Зашифрований екзамен, Диплом, Загальний контингент, Аналітика гуртожитку, Навантаження викладача, Перегляд курсу, Конструктор звітів, Банк питань.
•Розробка кастомних компонентів: селектори, інпути, пагінація, модальні вікна, завантаження файлів та інші UI-елементи для використання по всьому проєкту.
•Робота з даними через Apollo GraphQL — запити і мутації.
•Мультимовність (ngx-translate).
•Інтеграція графіків через Highcharts.
•Unit-тестування компонентів та сервісів (Jasmine, Karma), налаштував звітність Allure.

3. E2E-тестування — адмінпанель та особистий кабінет студента (Playwright)
Стек: Playwright, TypeScript, Page Object Model, GitLab CI/CD

4. Лендинг Hero Study
Стек: HTML, CSS, JavaScript, Node.js (Express — серверна частина для форм)
Маркетинговий сайт платформи hero study з підтримкою трьох мов.
•Верстка та розробка сторінок.
•Мультимовність: переклади всіх сторінок на 3 мови.
•Правові сторінки: Cookie Policy, Terms of Use, Privacy Policy.
•Відео-промо блок, слайдери, модальні вікна.
•Форма зворотного зв'язку з Node.js сервером (контролери, роутинг).
•Адаптивна верстка.

Front-end developer

з 03.2020 по 03.2021 (1 рік)
"Верона", фінансова компанія, Київ (Фінанси, банки, страхування)

Стек: Angular 11, TypeScript, Bootstrap 4, SCSS, Angular Universal (SSR), RxJS, Socket.io, Laravel Echo, ngx-translate, Docker, Storybook
Кредитна платформа з мультибрендовою архітектурою — одна кодова база, кілька брендів з різним дизайном та налаштуваннями.
Реєстраційна воронка та авторизація:
•Сторінки та компоненти реєстрації (кроки: особисті дані, зайнятість, адреса, сім'я)
•Авторизація через BankId
•Автоматична авторизація існуючого користувача
•Маски для полів вводу (телефон, ІНН), валідація кирилиці
Особистий кабінет та кредити:
•Сторінки активних і погашених кредитів, оплати
•Компонент оплати кредиту та прив'язки картки
•Підписання договору, перегляд документів по кредиту
•Реалтайм оновлення статусу платежів через Laravel Echo / Socket.io
•Бонусна система, система інвайтів і реферальних посилань
Компоненти та UI:
•Слайдер суми / терміну
•Компонент завантаження файлів (скани документів)
•Компонент для селфі з вебкамерою
•Модальні вікна, сторінка 404, сторінка «Технічні роботи»
•Заборона масштабування при фокусі на input на мобільних пристроях
Мультибрендування:
•Кастомний дизайн для брендів
•Брендовані іконки, шрифти, кольори
•Налаштування BRAND_NAME через env, виніс логіки брендів на сервер
Інтеграції та аналітика:
•Google Analytics, CPA-трекінг
•Jivosite чат
•Fingerprint.js (збір даних браузера для скорингу)
•Ідентифікація через Cookies для gtag, визначення геопозиції
Технічне:
•SSR на Angular Universal — рефакторинг та оптимізація
•Кешування JSON і сторінок на сервері
•EventTransportService — обмін між компонентами і сервісами через RxJS Subject
•Сервіс для роботи з SMS, сервіс інформації про браузер
•Обробка помилок (400 / token_invalid)

Геофизик

з 08.2004 по 06.2018 (13 років 11 місяців)
АО ПГО "Тюменьпромгеофизика", Мегіон (Енергетика)

Геофизические исследования скважин

Освіта

Киевский геологоразведочный техникум

Пошук та розвідка геофізичними методами, Київ
Середня спеціальна, з 2001 по 2004 (3 роки)

Додаткова освіта та сертифікати

IT курсы Prog.kiev.ua. HTML/CSS, JavaScript

2018

Знання і навички

• CSS
• HTML
• JavaScript
• Git
• Gulp
• JQuery
• TypeScript
• Vue.js
• Bootstrap
• Figma
• GitHub
• Storybook
• Playwright
• Angular Material
• Angular
• Jira
• Capacitor JS

Знання мов

• Українська — вільно
• Англійська — початковий

Додаткова інформація

Ключові навички
- HTML5, Jade, CSS3, SCSS
- Bootstrap, Materialize, Angular Material, Storybook
- Крос-браузерна верстка.
- Адаптивна верстка (під мобільні пристрої)
- Робота з Gulp.
- Git, Gitlab, Figma, Photoshop, Jira,
- JavaScript, typeScript
- GraphQL
- jQuery
- Vue.js
- Angular2+

https://weather-application-klim.web.app
Програма Web-application-Weather. Angular 8. Хостинг - Firebase, API - погоди https://openweathermap.org

- https://vue-spending-diary.web.app
Web додаток (CRM) "Щоденні витрати". Vue.js. Авторизація, база даних, hosting на Firebase. Тестовий акаунт (email [відкрити контакти](див. вище в блоці «контактна інформація»), password 123456)

- https://vetalklim.github.io
Форма регістрації. Angular 11. Хостинг - github

- Більш детально за посиланням (портфоліо) - https://github.com/VetalKlim/VetalKlim.myWork