Skip to content

oduck-team/oduck-client

Repository files navigation

Oduck

오덕 | 애니 리뷰 · 애니 평가 서비스

Oduck

서버를 내린 상태입니다. 영상으로 보실 수 있습니다. 🔗 영상 Wiki

🔗오덕(Oduck)은 애니메이션을 좋아하는 사람들을 위한 커뮤니티 서비스입니다. 기존에 파편화되어있던 애니메이션 콘텐츠와 커뮤니티 기능을 한 곳에 모아, 보다 편리하고 즐거운 취미 생활을 위한 목표로 만들어졌습니다.

기술 스택

아키텍쳐

image

주요 기능

🌟 인기 애니메이션

오덕에서는 이번 주 인기 애니메이션을 손쉽게 확인할 수 있어요!

🔍 애니메이션 검색 및 필터링

취향에 맞는 애니메이션을 찾고 싶으신가요? 오덕에서는 다양한 필터와 정렬 기능으로 원하는 애니메이션을 찾아볼 수 있어요 :)

📝 애니메이션 리뷰 및 평가

애니메이션을 보고 느낀 점을 공유하고 싶으신가요? 오덕에서는 1~5점으로 평가하고, 한 줄 리뷰로 의견을 표현할 수 있어요. 캐릭터, 그림체, 스토리 등 입덕 포인트도 마음껏 적어주세요!

👀 애니메이션 리뷰 조회

다른 오덕들의 리뷰도 궁금하다면, 다양한 기준으로 애니메이션 리뷰를 살펴볼 수 있어요. 좋아요 순, 최신 순, 별점 순 등 원하는 대로 골라보세요!

❤️ 애니메이션 입덕(북마크)

마음에 드는 애니메이션을 발견했다면 입덕해보는건 어떨까요? 입덕 기능으로 애니메이션을 간직할 수 있어요. 별점 순, 입덕 순, 제목 순 등으로 정렬하여 내 취향 애니메이션을 관리해보세요!

😎 프로필 수정

나만의 개성을 표현하고 싶으신가요? 내가 좋아하는 캐릭터로 나를 꾸미는건 오덕에서는 닉네임, 프로필 이미지, 배경 이미지를 자유롭게 꾸밀 수 있어요. 나만의 스타일로 프로필을 만들어보세요!

💬 문의하기

오덕 이용 중 궁금한 점이 생겼나요? 언제든 문의사항을 보내주세요! 관리자 디스코드로 전달되어 신속하게 답변 드릴게요.

🙌 소셜 로그인

  • 소셜 계정으로 쉽고 빠르게 가입 및 로그인할 수 있어요.

구현 영상

🔗 영상 Wiki

오덕을 만드는 과정

요구사항 정의

  • 프론트엔드와 백엔드 팀이 협업하여 사용자 요구사항을 분석하고, 이를 바탕으로 프로젝트의 기획을 진행했습니다.
  • 요구사항은 구글 스프레드시트를 활용하여 정리하였으며, 이를 통해 모든 팀원이 프로젝트의 방향성과 목표를 명확히 이해할 수 있었습니다.
🔗 바로가기
요구사항-정의

UI/UX 디자인

  • Figma를 활용하여 디자이너, 프론트엔드 팀원이 협업하여 UI/UX 디자인을 진행했습니다.
  • 디자인 시스템을 정의하고, 재사용 가능한 컴포넌트를 설계하여 일관성 있고 효율적인 개발이 가능하도록 하였습니다.
  • 와이어프레임과 프로토타입을 통해 사용자 경험을 검증하고 개선하는 과정을 거쳤습니다.
  • 다음은 오덕 프로젝트의 디자인 시스템과 컴포넌트, 화면 디자인 예시입니다:
Color Typography
Button Select
리뷰

데이터베이스 설계

  • 프로젝트의 요구사항과 기능을 분석하여 데이터베이스 설계를 진행했습니다.

image

팀원

chanwukim presentKey imdaxsz
  • 기획
  • 인프라
  • 애니메이션 조회
  • UI 컴포넌트
  • 프로필 페이지
  • 프로필 수정 페이지
  • UI 컴포넌트
  • 애니메이션 평가/리뷰
  • 고객센터 페이지
  • UI 컴포넌트

백엔드 레포지토리

🔗바로가기

컨벤션

🔗 컨벤션 Wiki