/web09-KittyMark

🐱 평소 챙겨주던 길고양이들을 냥자취 SNS 스타로 만들어주세요! 🐱

Primary LanguageTypeScript

프로젝트 소개

image


    Kitty Mark에 좋아하는 길고양이 사진을 공유해주세요 🐱

    주변의 고양이와 더 따뜻한 유대감을 나눌 수 있어요!

    한 번쯤은 길고양이 사진을 찍기 위해 사람들이 모여있는 것을 볼 수 있습니다.
    사람들이 무심코 찍은 귀여운 친구들의 사진을 공유하고 본인의 고양이처럼 친근해질 수
    있는 방법을 고민했습니다.

🚀 프로젝트 개요

  • Kitty Mark는 길고양이들의 사진을 올려 지도에 마크를 남길 수 있는 고양이를 위한 SNS에요.
  • Kitty Mark는 길고양이뿐만 아니라 자신의 고양이 사진을 누구든 올려 공유할 수 있어요.
  • Kitty Mark에서 길고양이들의 발자취를 기록해보세요. 지도가 점점 고양이 발자국으로 가득 차는 걸 볼 수 있을 거에요!

📌 프로젝트 목표

  • 기간 내에 완성할 수 있도록 현실적인 목표를 충분히 상의하여 설정한다.
  • 일관성 있고 직관적인 UI를 통해 처음 보는 사용자도 이용하기 쉽게 한다.
  • 사용자 테스트 및 피드백을 통해 문제점을 찾아 해결하고 점진적으로 성능을 개선한다.

주요 기능 소개

  내 사진 자랑하기

  • 좋아하는 고양이의 사진을 올리고 글을 작성할 수 있어요.

  • 길고양이라면 발견한 위치도 태그해주세요.

















  내 주변 고양이 확인하기

  • 냥지도를 열어 내 주변의 고양이들을 확인해보세요.

  • 고양이 발자국 모양 마커를 클릭하면 사진과 글을 볼 수 있어요.

















  취향이 같은 사용자라면

  • 다른 사용자의 프로필을 방문해보는 건 어떨까요?

  • 피드 게시글이 너무 마음에 든다면 사용자를 팔로우해보세요.

  • 추가적으로 올라오는 게시글을 확인할 수 있어요.















  마음에 드는 고양이를 찾았다면

  • 사진이 마음에 들었다면 게시글에 좋아요를 눌러주세요.

  • 또는 댓글을 작성하여 관심을 표현할 수 있어요.

















전체 기능 List

공통

  • 회원가입/로그인

  • 전체 게시글 확인
  • 게시글 등록
    • 게시글 위치 설정
  • 게시글 좋아요/댓글

개인페이지

  • 닉네임과 프로필 사진 확인
  • 업로드한 게시글 확인
  • 팔로우/팔로워 리스트 확인
  • 본인인 경우
    • 개인 정보 수정
  • 타 유저인 경우
    • 팔로우/팔로우 취소
    • DM (추가 개발 예정)

냥지도

  • 지도 줌 인/아웃, 이동
  • 위치 기반 게시글 확인

DM (추가 개발 예정)

  • 기존 채팅방 및 메세지 확인
  • 메세지 보내기

기술 스택 및 아키텍처

technical_stack

architecture

팀원

J106_신우성 J125_유지훈 J169_임채윤 J217_허준영
wooseongshin yooji0415 dla0510 hjy0951
Web Backend Web Frontend Web Backend Web Frontend

더 자세한 내용이 궁금하시다면!