🔗 LINK

FIGVERSE

https://github.com/freechird2/figverse-client

https://github.com/freechird2/figverse-server

📖 프로젝트 설명

figverse.mp4

<aside> 📢 FIG만의 AI가 적용된 회사 홈페이지입니다. 개발자 화면을 모티브로 디자인되었고, FIG의 정보가 학습된 ChatGPT와의 대화를 통해 회사 정보 및 다양한 정보를 얻을 수 있게 제작되었습니다.

</aside>

🔧 담당한 기능

• Main Page

  

  

  <aside> ➡️ Backend

  FineTuning을 활용해 FIG만의 AI Model을 구현했습니다.

  Prompt를 통해 각각의 페르소나를 구현했습니다.

  사용자 경험을 높이기 위해 stream 방식으로 API를 구현했습니다.

  </aside>

  <aside> ➡️ Frontend

  채팅에 관련된 모든 기능을 제공하는 hook을 만들어 채팅을 구현했습니다.

  상태 관리 라이브러리(Recoil)를 활용해 더 나은 사용자 경험을 제공했습니다.

  </aside>

• Portfolio Page

  

  

  <aside> ➡️ Backend

  DB설계 및 Image 업로드, Image Resize 기능이 포함된 API를 구현했습니다.

  현재 필터링 된 리스트에 맞게 ‘이전글’과 ‘다음글’의 index를 추적하는 기능을 구현했습니다.

  </aside>

  <aside> ➡️

  Frontend

  Markup을 포함한 페이지의 모든 부분을 구현했습니다.

  SEO를 위해 Server Side에서 fetch될 수 있게 구현했습니다.

  Recoil로 필터된 내용을 기억해 더 나은 사용자 경험을 제공했습니다.

  </aside>

🔎 Trouble Shooting

자사 홈페이지 리뉴얼 프로젝트에서는 AI 도입이 필요한 상황이었습니다.