-
Sklonuj repozytorium lub pobierz projekt:
git clone <URL-repozytorium>
-
Wejdź na stronę Pexels i utwórz konto, a następnie wygeneruj klucz API.
-
Utwórz plik
.env
w głównym katalogu projektu i dodaj w nim następujące wartości:REACT_APP_PEXELS_API_KEY=<twoj_api_key> REACT_APP_PEXELS_API_URL=https://api.pexels.com/v1/search
-
Otwórz projekt w dowolnym edytorze kodu (np. VS Code).
-
Otwórz terminal i przejdź do katalogu głównego projektu.
-
Zainstaluj niezbędne paczki:
npm install
-
Uruchom projekt:
npm start
PexelsPhotoApp to aplikacja, która umożliwia wyszukiwanie obrazów zgodnie z Twoimi preferencjami. Oferuje zaawansowane możliwości filtrowania, w tym wybór tagów i kolorystyki. Dzięki dynamicznemu ładowaniu, obrazy pojawiają się automatycznie podczas przewijania listy miniaturek. Kliknięcie na miniaturkę powoduje wyświetlenie powiększonego zdjęcia na górze strony.
- Filtrowanie obrazów: Wybieraj obrazy według tagów i kolorów w panelu filtrów na górze strony.
- Dynamiczne ładowanie: Obrazy są ładowane automatycznie, gdy przewijasz listę miniaturek.
- Podgląd powiększenia: Kliknij na miniaturkę, aby zobaczyć zdjęcie w pełnym rozmiarze.
Dzięki tym funkcjom, przeglądanie i wyszukiwanie obrazów jest szybkie, proste i intuicyjne. Ciesz się korzystaniem z PexelsPhotoApp!