Opracowałem jednolity aplikację internetową na PHP/JavaScript, która pozwala użytkownikom wyszukiwać filmy na YouTube, oglądać je w wbudowanym odtwarzaczu i śledzić popularne treści. Projekt został wykonany w nowoczesnym responsywnym designie z obsługą ciemnego/jasnego motywu.
Główne funkcjonalności
Wyszukiwanie filmów według słów kluczowych przez wyniki YouTube
Wbudowany odtwarzacz wideo z automatycznym odtwarzaniem
Wyświetlanie popularnych (trendingowych) filmów na stronie głównej
Dynamiczne ładowanie listy wyników w formie kart
Automatyczne otwieranie pierwszego filmu po wyszukiwaniu
Wsparcie dla ciemnego i jasnego motywu (zapisywanie wyboru w localStorage)
Responsywny design — poprawnie działa na urządzeniach mobilnych i komputerach
Szczegóły techniczne
Backend: PHP (curl, parsowanie stron YouTube, cache'owanie trendingowych filmów w pliku JSON)
Frontend: HTML5, CSS3 (Flexbox, Grid, zmienne CSS, responsywne układanie)
Interaktywność: Vanilla JavaScript (bez zewnętrznych bibliotek)
API/parsing: wykorzystanie YouTube oEmbed API do podstawowych informacji, parsowanie ytInitialData z stron YouTube dla wyszukiwania i trendów
Główne funkcjonalności
Wyszukiwanie filmów według słów kluczowych przez wyniki YouTube
Wbudowany odtwarzacz wideo z automatycznym odtwarzaniem
Wyświetlanie popularnych (trendingowych) filmów na stronie głównej
Dynamiczne ładowanie listy wyników w formie kart
Automatyczne otwieranie pierwszego filmu po wyszukiwaniu
Wsparcie dla ciemnego i jasnego motywu (zapisywanie wyboru w localStorage)
Responsywny design — poprawnie działa na urządzeniach mobilnych i komputerach
Szczegóły techniczne
Backend: PHP (curl, parsowanie stron YouTube, cache'owanie trendingowych filmów w pliku JSON)
Frontend: HTML5, CSS3 (Flexbox, Grid, zmienne CSS, responsywne układanie)
Interaktywność: Vanilla JavaScript (bez zewnętrznych bibliotek)
API/parsing: wykorzystanie YouTube oEmbed API do podstawowych informacji, parsowanie ytInitialData z stron YouTube dla wyszukiwania i trendów