차량 관리 앱 UX/UI
서비스 기획·UX/UI
D22 · APPS · UX
제품·시연 사례제공된 제품 화면 · 예시 데이터
습관 관리·행동 제안
습관 기록을 저장하고, 누적된 체크인을 통계와 AI 행동 제안으로 연결한 웹 앱입니다. 오늘의 실행과 지난 기록을 돌아보는 흐름을 함께 구성했습니다.
- 사례
- 체크인과 AI 제안을 연결한 습관 코칭
- 수행 유형
- 제품·시연 사례
- 작업 범위
- 습관 CRUD · 일일·일괄 체크인 · 기분·에너지 기록 · 통계 · AI 넛지 · 주간 인사이트 · API와 저장 구조
- 자료
- 제공된 제품 화면 · 예시 데이터
오늘의 기록을 남기는 구조
습관의 카테고리·목표 요일·선호 시간을 관리하고, 체크인에는 완료 여부와 기분·에너지·메모를 남기는 구조를 제작했습니다. 일일·일괄 체크인을 제공하며, 대시보드에서는 오늘의 습관과 기록 진입점을 함께 보여줍니다.
저장된 기록과 AI 제안 연결
React 화면과 Express API, SQLite 저장 구조를 구성했습니다. 습관과 상황 정보를 AI 요청에 연결해 다음 행동을 돕는 메시지를 생성하며, 요청 실패 시 일시적 오류를 재시도하는 처리를 포함했습니다.
통계와 주간 회고
습관별 완료율·연속 실행·요일별 분포를 차트로 정리하고, 주간 요약과 다음 주의 초점을 함께 확인하도록 했습니다. 기록 입력에서 저장, 집계, AI 제안까지 이어지는 웹 앱 제작 사례입니다. 화면의 수치는 제품의 예시 기록입니다.
PROJECT INFO
- 제작: 쿤웍스
- 제품: AI 연계 풀스택 웹 앱
- 기술: React · TypeScript · Express · SQLite · OpenAI API · Recharts
비슷한 일을 준비 중이라면.이 사례 정보가 문의서에 함께 담깁니다.
MORE · APPS · UX
같은 분야의 다른 사례
우리 업무에 적용한다면.
이 사례 정보가 문의서에 함께 담깁니다.