header

내 손 안의 작은 전시회 플랫폼, Esthète

Tech Stack

FE

BE

UX·UI



담당 파트 : CMS WEB Front-End


  • Why, 온라인 전시회 플랫폼?
    - 사진 저작권 침해, 휘발성 강한 SNS에 대한 불만
    - 누구나 보호받을 수 있는 모바일 전시회 플랫폼
    

  • 제안
  1. 포트폴리오 기능
  2. 작품 의도 전달
  3. 전시 체류 시간 증진 필요
  4. 저작권 보호
  5. 유해 컨텐츠 필터링
  6. 위치 기반 사진 검색
  • 해결 방안
  1. 전시 PDF 추출 기능
  2. 방 단위 전시 공간 분리
  3. Cube Animation 이용 전시 이동 자동 스크롤 5초
  4. MD5 해시 생성 체크섬 DB 저장
  5. Google Cloud Vision API Safe Search
  6. Google map Geocoding API 클러스터링
  7. 서비스 관리자를 위한 통계 제공
    • Chart.js 라이브러리 활용 데이터 시각화
    • 저작권 침해 및 악성 유저 신고 처리
    • 관리자 계정 추가 및 삭제
    • Redis 활용 통계 등록 중복 방지 구현

CMS WEB UI 디자인

Esthete

statistic.mp4
masonry.mp4
swiper.mp4
admin.mp4

시스템 구조도

image


배포 링크

https://esthete-cms.vercel.app/

유튜브 시연

https://www.youtube.com/watch?v=B-3IrsyK8B4&list=WL&index=1

DEV 정리

https://asheroh.notion.site/Esth-te-039ce99aba8f430b83e14eb66994ab7f