감정을 기록하고 나누는 감성 일기 커뮤니티 플랫폼
스스로를 돌보고, 비슷한 감정을 가진 사람들과 따뜻한 교류를 이어가세요.

---

프로젝트 소개

Seediary는 감정을 기록하고 분석하며, 커뮤니티를 통해 공감과 위로를 주고받는 감정 기반 일기장 플랫폼입니다.
귀여운 AI 캐릭터와의 대화, 날씨·시간 기반 감성 UI, 감정 분석과 퀘스트 기능을 통해 단순한 기록을 넘은 감정 성장 경험을 제공합니다.

---

🎯 주요 타겟

• 감정을 기록하고 싶은 사용자
• 멘탈케어에 관심있는 사용자
• 감정을 나누고 공감할 수 있는 플랫폼을 원하는 사용자

---

🌟 주요 기능

📘 감정 일기 쓰기

• 감정 선택: 행복, 평온, 설렘, 피곤, 우울, 불안, 화남, 아쉬움
• 일기 작성: 텍스트, 이미지 업로드, 해시태그 작성
• 공개 / 비공개 설정
• 임시 저장 기능

🤖 AI 감정 분석 & 퀘스트

• 감정의 원인 작성 및 세부 감정 태그 선택
• AI 기반 감정 리포트 제공
• 감정 케어용 맞춤형 퀘스트 제안

💬 커뮤니티 교류

• 공개 일기 탐색 (감정 필터 및 검색 기능 포함)
• 좋아요 / 댓글을 통한 감정 공감과 상호작용

🌤️ 감성 UI/UX

• 실시간 날씨 / 시간 연동 배경 (맑음, 흐림, 비, 눈 등)
• 몰입도 높은 감성 테마 UI

🧍 사용자 기능

• 내 프로필, 닉네임, 비밀번호, 프로필 이미지 수정
• 내가 작성한 일기 목록 확인
• 타인의 일기, 좋아요, 댓글 활동 내역 확인
• 사용자 검색 및 가입자 리스트 탐색

---

🛠️ 기술 스택

분류	기술명 및 아이콘
프론트엔드	React TypeScript Vite
백엔드	Supabase
스타일링	CSS Modules
API	🤖 Gemini API (AI 감정 분석) ☁️ OpenWeather API (날씨 연동)
협업 & 관리	GitHub
배포	Vercel
디자인	Figma

---

📁 프로젝트 구조

📁 src/                         # 소스 코드 루트
│
├── 🗂️ assets/                  # 정적 자산 (로고, 기본 이미지 등)
│   ├── defaultProfile.svg
│   └── logo.svg
│
├── 📑 pages/                   # 라우트 단위 페이지 구성
│   ├── About/
│   ├── Home/
│   ├── Mypage/
│   ├── NotFound/
│   ├── analysis/
│   ├── auth/
│   ├── diary/
│   ├── feed-diaries/
│   └── users/
│
├── 🔗 shared/                  # 전역 상태, API, 유틸, 공통 모듈
│   ├── api/
│   ├── components/
│   ├── constants/
│   ├── context/
│   ├── hoc/
│   ├── hooks/
│   ├── types/
│   └── utils/
│
├── 🎨 styles/                  # 전역 스타일 및 CSS 변수
│   ├── custom.css
│   ├── global.css
│   └── reset.css
│
├── 🧮 App.tsx                  # 메인 앱 컴포넌트
└── 🚀 main.tsx                 # 앱 진입점

---

👨‍💻 팀원

김윤지	김현빈	이성균	현은정
GitHub	GitHub	GitHub	GitHub