기획

[홈 오피스 셋업 잡지] - archiDesk

데스크테리어의 구성과 상품이 고민될 때 필요한 웹사이트 archiDesk

1. 메인화면: 다양한 데스크 보여주기, 구글 로그인, 사용 중인 제품 입력, 사이드바 메뉴를 이용해 각 페이지로 이동
2. Desk, Monitor, Keybaoard, Mouse 각 제품을 현재 로그인된 사용자의 직업에 따라 Gemini가 적합한 제품을 추전해줌, 제품 클릭시 그 제품의 검색창으로 이동
3. 커뮤니티: 각자 자신의 데스크 셋업을 자랑할 수 있는 탭, 사진 클릭 시 현재 사용자가 사용하고 있는 Desk, Monitor, Keyboard, Mouse의 제품 정보를 알 수 있음

개발환경

• Front-End: Next JS
• Back-End: Nest JS
• Database: Mysql

ERD

시연영상

• Main

  • 구글 로그인

  • 참고할만한 데스크테리어 배치

  • 직업 및 사용 중인 장비 입력

  • 사이드바 메뉴를 통해 각 페이지로 이동

    화면_기록_2024-07-25_오후_5.59.26.mov

• Board, Board[id]

  • 사용자들의 각자의 데스크테리어를 포스팅

  • 게시글 추가 및 삭제

  • 게시글 상세 페이지

  • 댓글 추가 및 삭제

    화면 기록 2024-07-25 오후 6.02.48.mov

• Desk

  • Gemini API를 사용해서 현재 이용 중인 고객의 직업 정보를 바탕으로 책상을 추천

    화면 기록 2024-07-25 오후 6.13.48.mov