Project: My Small Habit - 나의 작은 습관Project duration: 2025.06 - 진행 중Link: 배포 사이트Stack: Next.js, TypeScript, Tailwind CSS, SupabaseTroubleshooting: 트러블 슈팅
- 취업 공백기가 길어지면서 미뤄진는 습관과 자존감 회복을 위해 시작된 습관 관리 서비스입니다.
- 습관을 주기적으로, 완벽하게 지키지 않아도 “하루에 하나만 해도 괜찮다” 는 메세지를 담아 사용자들이 부담 없이 지속적으로 실천할 수 있도록 기획했습니다.
지속적으로 개선/업데이트하고 있습니다.
| 플로우 | UI/UX |
|---|---|
- 회원가입 및 로그인 (이메일 / 소셜 기반)
- 습관 추가, 삭제, 수정 및 그날 실천한 습관 기록
- 기분 선택, 회고 텍스트 작성
- 회고 이미지 업로드 기능
- 습관 및 리포트 보기 (AI 기반 맞춤 조언)
- 리포트 이메일 발송 및 이미지 저장 기능
- 사용자 기본 정보 수정 기능
- PWA 도입
- 다크모드 지원
- 월간/연간 리포트 지원
- 리포트 생성 시 로딩 시간
- 페이지 전환 시간 지연 최적화
- 로그아웃/탈퇴 기능
- 회원가입 보안 강화 (유효성 검사 등, 또는 소셜 로그인만 지원하기)
- 유저 정보 수정 시 비밀번호 수정 기능 추가할지
- 리포트 생성 에러 대응
- 유저 status 업데이트 및 상태에 맞게 페이지 전환
- 인터렉션 요소 추가
- 모바일 환경 대응
| 로그인 | 회원가입 |
|---|---|
| 습관 등록 | 그날 습관 기록 - 1 | 그날 습관 기록 - 2 |
|---|---|---|
| 당일 리포트 생성 로딩 화면 | AI 기반 리포트 생성 |
|---|---|
| 마이페이지 - 주간 | 마이페이지 - 주간 | 마이페이지 - 월간 |
|---|---|---|
| 설정 페이지 | 유저정보 수정 |
|---|---|
| pwa 도입 | pwa 도입 - 화면 표시 |
|---|---|