캠잇 프로젝트

🖥️ 프로젝트 소개

NFT를 활용하여, 대학가 상점 멤버십 서비스를 ReactJS를 사용하여 반응형 웹으로 개발했습니다.

🕰️ 개발 진행 기간

• 23.08.18 - 23.08.20

🧑‍🤝‍🧑 맴버구성

• 기획자 (류상영, 한가인)
• 개발자 (구슬기, 김미래, 이승엽, 전유정)

📣 기술 스택

Development

Tool

📌 주요 기능

대학가 마스코트 컨셉 NFT 민팅

• AI를 활용한 NFT 이미지 제작
• 클레이튼 IDE를 활용하여 NFT 민팅

카카오 클립 지갑 연동

• Node.js를 활용하여 카카오 디지털 지갑 서비스인 '클립'의 지갑 주소 연동

헤더

• 사이드 바를 활용한 네비게이션 기능 구현
• 컴포넌트 내에서 바로 앞 페이지로 뒤로가기 기능 구현

메인 페이지

• NFT 이미지 목록을 carousel 슬라이드로 구현
• NFT 클릭 시, 멤버쉽 정보를 담은 카드 형태 모달 구현

멤버십 제휴 상점 지도

• 카카오맵 API를 활용하여, 대학가 상권 내 상점 위치 및 안내 기능 구현
• 기본 제휴 상점, 친구가 리뷰한 상점마다 다른 마커 UI 생성

멤버십 상점 정보

• 상점 기초적인 정보 및 메뉴 안내 UI
• 작성된 리뷰 확인 기능 구현

멤버십 상점 리뷰

• 리뷰 작성, 등록 기능 구현

마이페이지

• 가게별 스템프 저장, 확인 기능 구현