Ivan Yaremechko
Frontend-розробник із бізнес-мисленням: створюю чистий код для вирішення реальних завдань.
Запропонуйте Ivan роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.
Особисте повідомлення
Запропонувати роботу
Львів,
Україна
зараз онлайн
вільний для роботи
на сервісі 1 рік
Рейтинг
Успішних проєктів
Середня оцінка
Рівень володіння мовами
Українська: носій
English: середній
Резюме
Вітаю! Я Frontend-розробник, який спеціалізується на створенні чистих, адаптивних та інтерактивних вебдодатків без використання зайвих важких фреймворків.
Маю глибокі знання чистого JavaScript (ES6+) та сучасного адаптивного верстання (HTML5, CSS3, SCSS). Окрім технічних навичок, мій 10-річний досвід у сфері продажів та управління командами дозволяє мені мислити категоріями бізнесу. Я розумію потреби клієнта, вмію аналізувати завдання, чітко дотримуюсь дедлайнів та завжди націлений на результат, який принесе користь вашому проєкту.
Чим можу допомогти:• Розробка вебдодатків та інтерактивних компонентів на Vanilla JS. • Кросбраузерне, Pixel-Perfect та Mobile-First верстання будь-якої складності (SCSS/SASS). • Інтеграція з REST API, робота з асинхронними запитами. • Написання чистого, підтримуваного коду з використанням Git/GitHub.
Навички та вміння
Програмування
Портфоліо
-
Адаптивна CSS/SCSS верстка за методологією БЕМ (Foundation Layou
HTML та CSS верстання
Професійний проєкт адаптивної кросбраузерної верстки сучасного інтерфейсу, виконаний з нуля з суворим дотриманням стандартів чистого коду та архітектури стилів.
Реалізований технічний функціонал:
• Архітектура за методологією БЕМ (Block-Element-Modifier), що забезпечує повну модульність, легку підтримку та масштабованість коду.
… • Сучасний препроцесор Sass (SCSS): використання змінних, міксинів та глибокої вкладеності для створення чистої системи стилів.
• Повноцінний адаптив: реалізовано дві чіткі контрольні точки для мобільних пристроїв (mobile версія до 1399px) та моніторів (desktop версія від 1400px+).
• Гнучка побудова каркаса за допомогою CSS Flexbox для ідеального позиціонування елементів на будь-яких екранах.
• Семантичний та валідний код на HTML5/CSS3.
Живий демо-сайт: (встав сюди посилання на GitHub Pages цього проєкту)
Репозиторій з вихідним кодом: (встав сюди посилання на репозиторій GitHub)
#html #css #scss #sass #bem #flexbox #adaptive #responsive #верстка #frontend #layout
-
ClickFinder: Аналітична SPA-платформа та статистика користувачів
Javascript та Typescript
Сучасний, легкий та швидкий Single Page Application (SPA) додаток для відображення та глибокого аналізу статистики активності користувачів. Проєкт реалізовано повністю з нуля на чистому коді для демонстрації складних маніпуляцій з асинхронними даними.
Реалізований технічний функціонал:
• Кастомний SPA Router: Власна маршрутизація на клієнтській стороні з використанням HTML5 History API для миттєвих переходів між сторінками без перезавантаження браузера.
… • Глибока агрегація даних: Асинхронне завантаження масивів даних з незалежних REST API ендпоінтів (Vercel server) та їхнє об'єднання на стороні клієнта за допомогою методів масивів (.map, .reduce, .filter).
• Математична пагінація: Алгоритм розумної чанкової пагінації з динамічним рендерингом меж та підтримкою трикрапки (...) для зручної навігації великими обсягами даних.
• Динамічний UI: Інтерактивна таблиця користувачів з анімованим лінійним індикатором завантаження (як на YouTube/GitHub) для візуального контролю мережевих запитів.
Живий демо-сайт: https://i1yaremechko.github.io/click-finder-js/
Репозиторій з вихідним кодом: https://github.com/i1yaremechko/click-finder-js
#javascript #spa #rest_api #frontend #scss #html #vanillajs #aggregation #pagination #верстка
-
Система бронювання коворкінгу з інтеграцією REST API (Smart Cowo
Javascript та Typescript
Динамічний вебдодаток для резервування робочих місць у реальному часі, побудований на модульній архітектурі та інтегрований із серверною частиною через API.
Реалізований технічний функціонал:
• Повноцінна інтеграція з REST API за допомогою асинхронного JavaScript (Async/Await, Fetch API) для отримання актуальних даних про доступні місця.
… • Складна клієнтська логіка валідації бронювань, що повністю виключає можливість подвійного резервування або помилок у часі.
• Динамічне оновлення інтерфейсу (DOM manipulation) без перезавантаження сторінки відповідно до відповідей сервера.
• Адаптивна та кросбраузерна верстка сітки робочих місць з використанням сучасного макетування SCSS/CSS3 та HTML5.
• Код розроблено відповідно до архітектурного принципу розділення відповідальності (Separation of Concerns).
#javascript #rest_api #api_integration #frontend #scss #html #css #vanillajs #booking_system #верстка
-
Інтерактивний календар (Google Calendar Clone на Vanilla JS)
Javascript та Typescript
Повністю функціональний, адаптивний вебдодаток, який точно відтворює ключові можливості та інтерфейс Google Calendar. Проєкт створено з нуля без використання готових важких фреймворків чи шаблонів.
Реалізований технічний функціонал:
• Модульна архітектура додатка, побудована виключно на чистому JavaScript (ES6+ Modules).
… • Складна логіка обробки дат, перемикання між тижневими та місячними режимами відображення.
• Динамічне керування подіями у DOM: створення, редагування, видалення та валідація за часом.
• Кросбраузерна, адаптивна верстка за принципом Mobile-First з використанням сучасного SCSS/CSS3 та семантичного HTML5.
• Чистий код із суворим дотриманням принципу розділення відповідальності (Separation of Concerns).
Живий демо-сайт: https://i1yaremechko.github.io/google-calendar-js/
Репозиторій з вихідним кодом: https://github.com/i1yaremechko/google-calendar-js
#javascript #frontend #scss #html #css #calendar #web_development #vanillajs #верстка