favGalery to responsywna aplikacja internetowa zaprojektowana z myślą o miłośnikach fotografii, umożliwiająca przeglądanie, ocenianie i komentowanie zdjęć w atrakcyjnym, nowoczesnym interfejsie. Projekt łączy estetykę z funkcjonalnością, oferując użytkownikom intuicyjną nawigację i interaktywne możliwości.
Kluczowe funkcjonalności:
Dynamiczna galeria zdjęć: Strona wyświetla siatkę zdjęć z bazy danych MySQL, z możliwością przeglądania szczegółów każdego obrazu w wyskakującym panelu bocznym (aside). Zdjęcia są wyświetlane w responsywnej siatce, zoptymalizowanej pod kątem różnych urządzeń.
System ocen i komentarzy: Użytkownicy mogą oceniać zdjęcia za pomocą polubień, niepolubień oraz gwiazdek, a także dodawać komentarze. Dane są zapisywane i pobierane z bazy danych w czasie rzeczywistym dzięki AJAX.
Wyszukiwarka z podpowiedziami: Inteligentna wyszukiwarka z dynamicznymi podpowiedziami (suggestions) reaguje na wpisywanie fraz, ułatwiając odnalezienie zdjęć. Wyniki są generowane asynchronicznie za pomocą żądań AJAX.
Panel użytkownika: Zalogowani użytkownicy mogą zarządzać swoim profilem, w tym wyświetlać zdjęcie profilowe, a niezalogowani mają możliwość logowania lub rejestracji. Sesje są obsługiwane za pomocą PHP.
Responsywny design: Strona wykorzystuje CSS Grid i Flexbox do stworzenia elastycznego układu, który dostosowuje się do różnych rozmiarów ekranów. Elegancki design opiera się na gradientach, przejściach i nowoczesnej typografii (fonty Comfortaa i Montserrat).
Interaktywność: Funkcje takie jak otwieranie panelu ze szczegółami zdjęcia, dynamiczne ładowanie ocen i komentarzy czy zamykanie panelu są obsługiwane przez JavaScript i jQuery, zapewniając płynne doświadczenie użytkownika.
Backend: PHP, MySQL (baza danych do przechowywania zdjęć, ocen i komentarzy).
AJAX: Asynchroniczne żądania do ładowania danych (np. oceny, komentarze, podpowiedzi wyszukiwania).
Responsywność: Meta viewport i elastyczne jednostki (vw, vh) zapewniają kompatybilność z urządzeniami mobilnymi.
Wybrane cechy techniczne:
Struktura bazy danych: Tabele przechowują informacje o zdjęciach, ocenach i komentarzach, z relacjami umożliwiającymi dynamiczne pobieranie danych.
Bezpieczeństwo: Wykorzystanie funkcji takich jak htmlspecialchars do zapobiegania atakom XSS oraz sesji PHP do zarządzania uwierzytelnianiem.
Optymalizacja: Lazy loading zdjęć, minimalizacja kodu CSS i JavaScript oraz asynchroniczne ładowanie danych dla szybszego działania strony.
Interfejs użytkownika: Elegancki, minimalistyczny design z gradientowym nagłówkiem, przezroczystym paskiem nawigacji i subtelnymi animacjami (np. przejścia w panelu bocznym).
Efekt końcowy:
favGalery to projekt, który łączy w sobie funkcjonalność, estetykę i nowoczesne technologie webowe, zapewniając użytkownikom wygodne i angażujące doświadczenie. Strona jest w pełni funkcjonalna, zoptymalizowana pod kątem wydajności i gotowa do dalszego rozwoju, np. poprzez dodanie funkcji przesyłania zdjęć przez użytkowników czy integrację z API mediów społecznościowych.