Olexiy Hryhorash

Запропонуйте Olexiy роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.

Україна

1 година 56 хвилин тому

вільний для роботи

на сервісі 4 місяці 17 днів

Рейтинг

Успішних проєктів

Середня оцінка

Рейтинг

HTML та CSS верстання

1233 місце з 5612

Javascript та Typescript

843 місце з 3463

Рівень володіння мовами

Резюме

Спеціалізуюсь на якісній верстці та Front-end розробці. Пишу чистий, валідний код, який легко підтримувати та масштабувати.

Навички та вміння

Програмування

Математичний калькулятор (HTML / CSS / JavaScript)

Веб-програмування

$Математичний калькулятор (HTML / CSS / JavaScript) — приклад роботи портфоліо фрілансера в категорії Веб-програмування$

Інтерактивний веб-калькулятор із сучасним дизайном для виконання базових математичних обчислень у браузері.

Що реалізовано в проєкті:
1. Основні обчислення - повна підтримка додавання, віднімання, множення, ділення, обчислення відсотків та роботи з десятковими дробами.
… 2. Точність результатів - використання методів парсингу та обмеження знаків після коми (.toFixed(10)) для коректного відображення фінального результату.
3. Зручний інтерфейс - сітка кнопок побудована на основі CSS Grid, додано ефект розмиття заднього фону (backdrop-filter) та плавні CSS-анімації при завантаженні сторінки.
4. Валідація введення - реалізовано ліміт на максимальну кількість символів (до 30), захист від подвійного введення операторів підряд та обробку помилок (try/catch) із виведенням повідомлення "Error".
5. Адаптивний екран результату - довгі вирази та великі числа не ламають верстку, а автоматично скроляться по горизонталі всередині дисплея.
6. Поодиноке видалення - додано функціонал видалення останнього введеного символу (кнопка ⌫) для зручного виправлення друкарських помилок.

Стек технологій: HTML5, CSS3 (CSS Grid, Backdrop-filter, Keyframe Анімації), JavaScript Vanilla (DOM Events, Обробка рядків, Логіка обчислень).
Interactive To-Do List (JavaScript / LocalStorage)

Веб-програмування

Динамічний веб-додаток для планування завдань з інтерактивним інтерфейсом, системою лічильників та збереженням стану користувача.

Що реалізовано в проєкті:
1. Повний CRUD-функціонал (створення, читання, перемикання статусу виконано/активно, видалення завдань).
… 2. Робота з LocalStorage - дані користувача надійно зберігаються та не зникають після перезавантаження сторінки.
3. Інтерактивні лічильники - автоматичний підрахунок загальної кількості завдань, активних та виконаних пунктів у реальному часі.
4. Валідація форм - обмеження на максимальну кількість символів (до 100), захист від пустих інпутів та ліміт списку (до 30 завдань).
5. Плавний UX - додано кастомні мікроанімації (fade-in, bounce) для взаємодії з інтерфейсом та сповіщеннями.
6. Адаптивна та кросбраузерна верстка - інтерфейс ідеально масштабується під мобільні пристрої та десктопні монітори.

Стек технологій: HTML5 (семантична верстка), CSS3 (Flexbox, CSS Animations, Media Queries), JavaScript Vanilla (DOM Manipulation, LocalStorage API, Event Handling).
Сайт-портфоліо веб-розробника (HTML5 / CSS3 / JavaScript)

Веб-програмування

Розробка та верстка сучасного, адаптивного сайту-портфоліо для презентації власних проєктів та навичок. Сайт створено з нуля на основі чистого коду, без використання сторонніх конструкторів чи важких CSS-фреймворків, що забезпечує максимальну швидкість завантаження та оптимізацію.

Що було реалізовано в проєкті:
1. Семантична та кросбраузерна верстка (HTML5) з високими показниками SEO та доступності.
… 2. Сучасний адаптивний UI (CSS3) з плавними переходами, ховер-ефектами для десктопу та кастомними інтерактивними картками.
3. Повна оптимізація під мобільні пристрої - уся сітка елементів та футер гнучко перебудовуються під будь-яку ширину екрана (до 320px).
4. Інтеграція динамічного інтерфейсу та логіки, що демонструє роботу з DOM.

Сайт слугує центральним хабом для демонстрації інших моїх веб-додатків, серед яких адаптивний математичний калькулятор, додаток погоди (Weather App) з інтеграцією API, та менеджер завдань (Smart To-Do List).

Стек технологій: HTML5, CSS3 (Flexbox/Grid, Media Queries), JavaScript (Vanilla JS), React.

Буду радий розробити для вас чистий, швидкий та зручний інтерфейс!
#верстка #веб_розробка #frontend #html #css #javascript #react #portfolio #landing
Адаптивний веб-додаток погоди (Weather App)

Веб-програмування

Сучасний, повністю адаптивний односторінковий веб-додаток (SPA) для відстеження погоди в будь-якій точці світу в реальному часі.

Проєкт пройшов повний цикл глибокого рефакторингу логіки та редизайну UI/UX інтерфейсу.

… Що було реалізовано та оптимізовано:
1. Інтеграція двох сторонніх API: Geocoding API від Open-Meteo (для пошуку точних координат за назвою міста) та сервісу wttr.in (для отримання детальних метеорологічних даних у форматі JSON).
2. Динамічна зміна інтерфейсу: фонові зображення лівої панелі та іконки (FontAwesome) автоматично адаптуються під поточний стан погоди (ясно, хмарно, дощ, гроза, мінлива погода).
3. Стійкість логіки до помилок (Error Tolerance): реалізовано дефолтний стан (Variable) на випадок отримання нестандартних метеорологічних кодів або помилок мережі.
4. UX-оптимізація: додано блокування елементів інтерфейсу (input/button) та анімацію завантаження під час виконання асинхронного запиту для запобігання спаму таймаутів. Пошук працює як за кліком, так і за натисканням клавіші Enter.
5. Преміальний UI-дизайн: ефект матового скла (Glassmorphic Backdrop Filter), плавні кастомні CSS-анімації з використанням cubic-bezier, кастомна іконка вкладки (Favicon у форматі SVG).
6. Кросбраузерна адаптивність (Media Queries): інтерфейс повністю перебудовується під мобільні пристрої. Реалізовано складні перевірки на тип указника пристрою (media з pointer: coarse/fine), що дозволило заблокувати непотрібний мобільний скролл, зберігши ідеальне відображення на ПК при масштабуванні.

Стек технологій: #HTML5, #CSS3, #JavaScript (ES6+, Async/Await, Fetch API), #Geocoding, #UI_UX, #Responsive

Буду радий розробити для вас сучасний, швидкий та інтерактивний інтерфейс!