- 소개 -

마이무비의 핵심 기능인 “키토크”를 기업 환경에 맞게 커스터마이징할 수 있는 B2B특화 프로젝트로

기업들이 자신만의 독창적인 설정 및 관리 기능을 통해 기업의 요구사항에 맞는 결과 값을 표출 설정할 수 있습니다.

- 작업내용 -

1. 프로젝트 전반의 개발을 주도하며, 기존 타 프로젝트의 핵심 기능을 성공적으로 통합하였고, 이를 기반으로 신규 기능을 추가 개발하여 더욱 완성도 높은 결과물을 구현하였습니다.
2. ApexChart 차트 라이브러리로 대시보드 페이지의 데이터 시각화를 요구사항에 맞도록 커스텀 구현했습니다.
3. 많은 키토크 데이터를 한번에 처리를 요구, 이를 통해 React-query의 도입을 제안 및 성공적으로 적용하였습니다. 적용함으로 인해 성능 개선 및 이후 프로젝트에서도 모듈화된 api 호출을 사용했습니다.

사용 기술 스택 : Next , React-query, Zustand, Styled-components, MUI, ApexChart.js, Git

<aside> 💡 이미지에 보이는 데이터는 임시 데이터입니다.

</aside>

페이지 구성

• 로그인
• 대시보드
• 키토크 설정
• 키토크 시뮬레이터

로그인 페이지