OOSIE 로고

OOSIE

기록, 챌린지를 통한헬스 케어 커뮤니티

링크https://oosie.vercel.app
참여 인원
FE 6
디자이너 1
개발 기간2024.072024.08
기술 스택
next
typescript
tailwind-css
zustand
tanstack-query
supabase
담당 업무
  • 식단, 운동 조회 및 삭제
    달력에서 날짜를 선택해 해당 날짜의 식단과 운동을 조회하는 기능 구현
    날짜 선택 방식이 불편하다는 사용자 피드백
    → swiper를 이용하여 캘린더 날짜 전환 방식을 드래그로 변경
  • 식단, 운동 기록 및 수정
    코드의 유지보수성과 가독성을 개선하기 위해 약 50 줄의 주요 로직을 커스텀 훅으로 분리
    날짜와 끼니 별로 하나의 식단을 등록 및 수정 가능하게 구현
    낙관적 업데이트를 적용한 운동 완료 체크
    음식의 칼로리 입력에 어려움을 겪는다는 유저 테스트 결과
    → debounce를 활용한 음식 영양 성분 검색 기능 추가
  • 캘린더, 로딩 컴포넌트 구현 및 UI 개선
    캘린더, 로딩 컴포넌트 제작
    디자이너 피드백을 반영한 공통 컴포넌트 UI 개선
  • 프로젝트 문서화 및 기술 스택 정리
  • 반응형 웹 페이지 구현
참고 이미지
소개 이미지