Peoples Health 에서 일하면서 진행했던 프로젝트입니다.
토글닥은 외국인 의료 관광 환자를 유치하는 에이전시과 병원에서 사용하기 위해 개발중인 프로덕트입니다.
This is a project I worked on while at Peoples Health Inc. I was responsible for the entire CRM frontend and initial DB design.
The product is being developed for use by agencies and hospitals that attract foreign medical tourism patients.
CONTRIBUTIONS
- CRM 의 전체 데이터 흐름과 DB 구조를 설계 했습니다.
- 프론트엔드 개발 전체를 담당하였고, 스프린트 단위로 백엔드 코드의 리뷰를 진행했습니다.
- UX 향상을 위해 SSR, ISR 을 적절히 사용하여 효율적인 데이터 흐름을 구현하였습니다.
- Facebook Graph API 를 사용하여 Facebook 실시간 채팅을 구현하였습니다.
- Amplitude와 Zapier를 사용해 에러를 리포트 하고 및 유저 데이터를 트래킹 할 수 있는 시스템을 구축했습니다.
- GoogleSpread Sheet와 react-i18n 을 사용해 서버사이드 다국어 지원 기능을 추가했습니다.
- DnD 및 ref 기반 자동 Scroll 기능을 추가하여 보다 직관적으로 사용할 수 있는 CRM UI를 구현하였습니다.
FEATURE
- 사용자/계약 정보 설정을 위한 드래그 앤 드롭 기능
- 사용자 행동을 추적하기 위한 Amplitude 통합
- Facebook Messenger 실시간 통합
- react-i18n을 사용한 번역 기능
- Drag and drop used customer/contract information settings
- Integrate Amplitude to track user actions
- Facebook Messenger real-time integration
- Translate using react-i18n
STACKS
- Next.js 13
- React Redux
- Redux-saga
- React-query
- Amplitude
- Zapier
- MUI
- Facebook Graph Api
- Express
- Sequelize
- Axios