Fotograsp - zdjęcia z Unsplasha
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