사진첩 Open api 프로젝트

Project

프도의길 2024. 1. 21. 23:06

안녕하세요

Unsplash open api로 React, NextJS, TypeScript로 미니 프로젝트를 만들어 보았습니다.

unsplash 제공하는 쿼리부분 검색페이지를 만들었습니다.

페이지네이션을 활용하면서 다음 페이지를 볼 수 있습니다.

사진 클릭시 모달창이 뜨면서 상세 페이지를 확인할 수 있습니다 태그에는 유저이름, 사진기 브랜드, 간단 설명이 있습니다.

헤더 창에 부분에 Collection 부분 클릭하면 사진, 컬렉션 사진 Unsplash 통계가 있습니다.

Unsplash 제공하는 쿼리부분이 많아서 최대한 요약해서 사진 첩을 만들었습니다.

cat, dog, smoke, star등 상당한 많은 수의 영어 단어(한글도 가능합니다)들로 검색할 수 있으니 필요한 사진이 있으면 모달 오른쪽 상단에 다운로드 링크가 있으니 받으시면 될 것 같습니다.

밑에 배포한 사이트입니다. 감사합니다!