책등과 표지를 활용한 인터랙티브 탐색 UI
태그 기반 필터링과 선택 도서 상세 전환
💡 프로젝트 소개
퀴어 도서를 태그와 시각적 인터랙션으로 탐색할 수 있는 아카이브 웹사이트입니다.
방문자가 책을 추천하면 데이터가 저장되고, 승인된 추천만 별도 페이지에 노출됩니다.
콘텐츠 관리와 방문자 추천 수집이 가능하도록 Google Sheets 기반의 가벼운 운영 구조를 함께 설계했습니다.
💡 상세 정보
주요 작업
- 책등과 표지를 활용한 인터랙티브 탐색 UI
- 태그 기반 필터링과 선택 도서 상세 전환
- 방문자 추천 폼 및 Google Sheets 연동
- 승인된 추천 목록 자동 동기화 구조
- 모바일/데스크톱 반응형 레이아웃
기술 정보
- Stack
- Vite, React, TypeScript, Tailwind CSS, Jotai, framer-motion
- Data
- Google Sheets(+Apps Script), GitHub Actions, Static JSON