🌟 OnlyMe - 개인 일정 관리 플랫폼

나만의 다이어트, 취업 준비, 가계부 관리를 위한 통합 플랫폼입니다.

✨ 주요 기능

🏃‍♀️ 다이어트 관리

• 식단 관리: 아침 프로틴 쉐이크, 점심 프로틴 쉐이크, 저녁 식사 관리
• 운동 관리: 필라테스 (주 23회), 러닝 (주 23회), 운동 후 마사지
• 진행 상황 추적: 일정 완료 체크 및 통계

💼 취업 준비 관리

• 코딩 테스트: 백준 알고리즘 문제 해결 일정
• 면접 준비: 면접 연습 및 준비 일정
• 학습 관리: 자바 공부, 도커 공부 일정
• 프로젝트: 2개 프로젝트 진행 관리

💰 가계부 관리

• 수입/지출 관리: 카테고리별 가계부 작성
• 월별 통계: 수입, 지출, 잔액 통계
• 카테고리별 분석: 음식, 교통, 쇼핑, 건강 등 카테고리별 분석

🎯 월간 목표 설정

• 개인 목표: 다이어트, 취업 준비, 개인 발전 목표 설정
• 진행 상황 관리: 목표 달성 체크 및 진행률 추적

🎨 새로운 UI 디자인

📱 깔끔한 대시보드 스타일

• 사이드바 네비게이션: 왼쪽 고정 사이드바로 모든 기능에 빠른 접근
• 카드 형태 레이아웃: 깔끔한 카드 기반 디자인
• 모달 인터페이스: 모든 입력 폼을 모달로 처리하여 깔끔한 UX
• 반응형 디자인: 모바일과 데스크톱 모두 최적화

🔄 사이드바 기능

• 축소/확장 가능: 설정 버튼으로 사이드바 크기 조절
• 실시간 통계: 오늘의 일정 완료 상황 실시간 표시
• 원클릭 접근: 각 기능별 원클릭 모달 열기

🛠️ 기술 스택

• Frontend: Next.js 14, TypeScript, Tailwind CSS
• Backend: Next.js API Routes
• Database: SQLite (개발환경), Prisma ORM
• UI Components: Lucide React Icons
• Styling: Tailwind CSS, 커스텀 카드 및 모달 디자인

📋 사용법

1. 사이드바 네비게이션

• 다이어트 일정: 운동 & 식단 관리 클릭
• 취업 준비: 코딩 & 면접 준비 클릭
• 가계부: 수입 & 지출 관리 클릭
• 관리자 패널: 카테고리 관리 클릭

2. 메인 대시보드

• 오늘의 일정: 선택한 날짜의 일정 표시
• 달력: 월별 일정 확인 및 날짜 선택
• 월간 목표: 현재 월 목표 설정 및 관리

3. 실시간 통계

• 완료율: 오늘 일정 완료 퍼센트
• 카테고리별: 다이어트, 취업 준비 일정 개수
• 헤더 통계: 상단에 완료 상황 표시

🚀 시작하기

# 패키지 설치
npm install

# 데이터베이스 설정
npx prisma generate
npx prisma db push

# 개발 서버 시작
npm run dev

📊 데이터베이스 구조

주요 테이블

• schedules: 일정 정보
• categories: 카테고리 정보
• monthly_goals: 월간 목표
• transactions: 가계부 내역
• diet_details: 다이어트 세부 정보
• career_details: 취업 준비 세부 정보

🎯 주요 개선사항

UI/UX 개선

• ✅ 헤더 제거로 화면 가림 현상 해결
• ✅ 사이드바를 왼쪽으로 이동하여 접근성 향상
• ✅ 모달 기반 인터페이스로 깔끔한 UX
• ✅ 카드 형태 레이아웃으로 시각적 개선
• ✅ 반응형 디자인으로 모든 기기 지원

기능 개선

• ✅ 실시간 통계 표시
• ✅ 원클릭 기능 접근
• ✅ 사이드바 축소/확장 기능
• ✅ ESC 키 모달 닫기 지원

🔧 데이터베이스 연결

• SQLite 사용으로 간편한 개발 환경
• 자동 기본 카테고리 생성
• 완전한 CRUD 기능 지원

📞 문의사항

문제가 발생하거나 기능 요청이 있으시면 언제든지 말씀해주세요!