taurusx

Fotograsp - zdjęcia z Unsplasha

DemoRepozytorium

Galeria wyświetlająca ostatnie kolekcje zdjęć z Unsplash API. Ze względu na ograniczenia w ilości zapytań do Unsplash API w trybie developerskim, działanie strony jest także widoczne na makiecie: Fotograsp - Mock

Założenia projektu:

  • Lista ostatnich kolekcji zdjęć z miniaturami 10 najnowszych obrazów.
  • Widok galerii, wyświetlający listę miniatur wszystkich dostępnych obrazów z danej kolekcji z infinite scrollem.
  • Widok pojedynczego zdjęcia wraz z dodatkowymi informacjami udostępnianymi przez API.

Wiedza zdobyta podczas wykonywania zadania:

  • Wykorzystanie najnowszych narzędzi Reactowych - Context, Hooks (useState, useEffect, useContext)
  • Zapytania do API, praca z Promisami i asynchronicznością kodu
  • Samodzielna konfiguracja Webpack oraz Babel pod project Reactowy (bez użycia np. create-react-app)
  • Wykorzystanie React Router do ustawień routingu na stronie
  • Wykorzystanie CSS-in-JS (styled-components) do stylowania komponentów
<< PROJEKTY