Ютуб пошук
Розробив односторінковий веб-застосунок на PHP/JavaScript, який дозволяє користувачам шукати відео на YouTube, переглядати їх у вбудованому плеєрі та відстежувати популярний контент. Проєкт виконаний у сучасному адаптивному дизайні з підтримкою темної/світлої теми.
Основні функціональні можливості
Пошук відео за ключовими словами через YouTube-результати
Вбудований відеоплеєр з автовідтворенням
Відображення популярних (трендових) відео на головній сторінці
Динамічне завантаження списку результатів у вигляді карток
Автоматичне відкриття першого відео після пошуку
Підтримка темної та світлої теми (збереження вибору в localStorage)
Адаптивний дизайн — коректно працює на мобільних пристроях та ПК
Технічні деталі
Бекенд: PHP (curl, парсинг YouTube-сторінок, кешування трендових відео в JSON-файл)
Фронтенд: HTML5, CSS3 (Flexbox, Grid, CSS-змінні, адаптивна верстка)
Інтерактивність: Vanilla JavaScript (без зовнішніх бібліотек)
API/парсинг: використання YouTube oEmbed API для базової інформації, парсинг ytInitialData з сторінок YouTube для пошуку та трендів
Основні функціональні можливості
Пошук відео за ключовими словами через YouTube-результати
Вбудований відеоплеєр з автовідтворенням
Відображення популярних (трендових) відео на головній сторінці
Динамічне завантаження списку результатів у вигляді карток
Автоматичне відкриття першого відео після пошуку
Підтримка темної та світлої теми (збереження вибору в localStorage)
Адаптивний дизайн — коректно працює на мобільних пристроях та ПК
Технічні деталі
Бекенд: PHP (curl, парсинг YouTube-сторінок, кешування трендових відео в JSON-файл)
Фронтенд: HTML5, CSS3 (Flexbox, Grid, CSS-змінні, адаптивна верстка)
Інтерактивність: Vanilla JavaScript (без зовнішніх бібліотек)
API/парсинг: використання YouTube oEmbed API для базової інформації, парсинг ytInitialData з сторінок YouTube для пошуку та трендів