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

Шукач вказав телефон , ел. пошту та LinkedIn.

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

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

Front-End Developer

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

Hero Study — масштабна платформа управління навчанням (LMS) для університетів.
Архітектура: Yii2 (PHP) + REST API + MySQL + RabbitMQ + Angular на фронтенді.
Я працював над кількома напрямками.
1. Особистий кабінет студента (Angular 15 SPA)
Стек: Angular 15, TypeScript, RxJS, NgRx, Bootstrap, SCSS, Jasmine, Karma, GitLab CI/CD
Повноцінний SPA — новий особистий кабінет студента.
• Розробка та підтримка модулів: Дашборд, Профіль, Курси, Предмети, Навчальний
план, Журнал успішності, Квізи, Навчальні програми, Розклад, Академічний календар,
Домашні завдання, Транскрипт, Дипломний проект, Бібліотека, Новини, Опитування,
Нотатки і задачі, Заявки студента, Довідки, Гуртожиток, IBAN-повідомлення, Вакантні
гранти, Синхронізація даних.
• Реалізація складної бізнес-логіки: фільтри, стани, пагінація, умовне відображення.
• Фіксинг багів між релізами
• Unit-тестування компонентів та сервісів (Jasmine, Karma)
2. Angular Elements — адміністративна панель (client-apps, 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)
3. E2E-тестування — адмінпанель та особистий кабінет студента (Playwright)
Стек: Playwright, TypeScript, Page Object Model, GitLab CI/CD
4. Лендинг StudySpace
Стек: HTML, CSS, JavaScript, Node.js (Express — серверна частина для форм)
Маркетинговий сайт платформи Hero Study з підтримкою трьох мов.
• Верстка та розробка сторінок
• Мультимовність: переклади всіх сторінок на 3 мови
• Відео-промо блок, слайдери, модальні вікна
• Форма зворотного зв'язку з Node.js сервером (контролери, роутинг)
• Адаптивна верстка
• Фікс стилів, select-компонентів, дропдаун-списків

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

Знання мов

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

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

Ключові навички
- 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