Ivan Yaremechko
Предложите Ivan работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.
Личное сообщение
Предложить работу
Львов,
Украина
сейчас онлайн
свободен для работы
на сервисе 1 год
Рейтинг
Успешных проектов
Средняя оценка
Уровень владения языками
Українська: носитель
English: средний
Навыки и умения
Программирование
Портфолио
-
Адаптивная CSS/SCSS верстка по методологии БЭМ (Foundation Layout
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
Современное, легкое и быстрое одностраничное приложение (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 на 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 #верстка