미야옹 (Meowng)

미야옹 서비스 보러가기
미야옹은 동물 시점 SNS 서비스입니다.
사용자들이 반려동물과 관련된 게시물을 공유하고, 이벤트에 참여하며, 다른 사용자들과 소통할 수 있는 모바일 친화적인 웹 애플리케이션입니다.

🛠 기술 스택

기술 스택 선정 문서

✨ 주요 기능

📱 핵심 기능

• 게시글: 게시글 작성, 수정, 삭제 등
  • 게시글을 작성하면 AI가 고양이/강아지 말투로 변환해줌
• 소셜 기능: 좋아요, 댓글, 팔로우 등
• 사용자 프로필: 개인 정보 관리 및 프로필 편집
• 이벤트: 매 주 이벤트 신청, 무제한 투표 등

🎉 이벤트 시스템

• 이벤트 참여: 다양한 반려동물 이벤트에 참여
• 투표 시스템: 이벤트 관련 투표 기능
• 이벤트 제출: 사용자 생성 이벤트 콘텐츠

🎨 UI/UX

• 반응형 디자인: 모바일 최적화된 인터페이스
• 무한 스크롤: 게시물 목록의 부드러운 로딩
• 스켈레톤 로딩: 사용자 경험 향상을 위한 로딩 상태

메인 페이지	게시글 작성 페이지	마이 페이지

📁 프로젝트 구조

src/
├── app/                   # 페이지 컴포넌트
│   ├── MainPage.tsx       # 메인 피드 페이지
│   ├── create/            # 게시물 작성
│   ├── detail/            # 게시물 상세
│   ├── edit/              # 게시물 편집
│   ├── login/             # 로그인
│   ├── signup/            # 회원가입
│   ├── mypage/            # 마이페이지
│   ├── member/            # 사용자 프로필
│   ├── event/             # 이벤트 관련 페이지
│   ├── chat/              # 채팅
│   └── not-found/         # 404 페이지
├── components/            # 재사용 가능한 컴포넌트
│   ├── common/            # 공통 컴포넌트
│   ├── pages/             # 페이지별 컴포넌트
│   └── ui/                # UI 프리미티브
├── api/                   # API 관련
│   ├── instance/          # Axios 인스턴스
│   ├── queries/           # React Query 쿼리
│   ├── types/             # API 타입 정의
│   └── *.ts               # API 함수들
├── hooks/                 # 커스텀 훅
├── store/                 # Zustand 스토어
├── types/                 # 타입 정의
├── utils/                 # 유틸리티 함수
└── lib/                   # 라이브러리 설정

🔍 More

BE 레포지토리
AI 레포지토리

---

Meowng - 반려동물과 함께하는 소셜 미디어 플랫폼 🐾