Skip to content

prgrms-web-devcourse/slam-client

Repository files navigation

🔗Slam Organization로 현재 레포를 옮겼습니다

진행중인 레포를 확인하시려면 🔗링크를 타고 들어오세요

같이 농구할 사람이 없다고?
나랑 슬램하러 가자 ⛹🏻‍♀️


🏀 프로젝트 소개

Slam은 길거리 농구인들이 쉽고 빠르게 게임할 수 있도록 주변 농구장의 인원 현황을 제공하는 커뮤니티 웹앱 서비스입니다.


❓ 기획 배경

길거리 농구를 하러 나가고 싶어도 현재 가려는 농구장에 사람이 몇 명인지 알 수 없다는 기존 문제점을 해결하기 위해 ‘슬램’ 프로젝트를 시작했습니다.


📝 요구사항 명세

💁‍ 요구사항 명세 보러가기


🧾 기능 요약

사용자

  • 지도 뷰에서 가려는 농구장을 찾아 원하는 시간대에 해당 농구장을 방문할 거라고 약속을 하고, 약속한 시간대에 본인 외에 몇 명이 더 예약했는지 이미지로 구분하여 현황을 알 수 있습니다.
  • 사용자는 지도에 자주 가는 농구장 정보가 없다면 직접 새 농구장 정보를 추가할 수 있습니다.
  • 자주 가는 농구장을 즐겨찾기에 등록할 수 있습니다.
  • 슬램에서 만난 다른 유저들의 프로필을 확인할 수 있고, 팔로우해 친목을 다질 수 있습니다.
  • 내 프로필에서 간단한 정보(숙련도, 선호 포지션 등)를 기입하여 자신을 나타낼 수 있습니다.

관리자

  • 관리자는 사용자가 추가 제안한 새 농구장 목록 중 처리 대기 중인 항목, 처리 완료된 항목별로 편하고 빠르게 조회하고, 승인과 거절을 할 수 있습니다.

🎯 타겟 유저

  • 동네 기반으로 길거리 농구를 즐기고 싶은 사람
  • 쉽고 빠르게 농구를 하고 싶은 사람

그럼 우리 다같이 슬램 하러 가볼까요? 🏃‍♂️


👨‍👩‍👧‍👧 팀원 소개

종현(마누) 정희(한나) 세림(앤) 경희(노체)
Manu Hanna Ann koby
manudeli grighth12 Parkserim limkhl

✨ 주요 기능 및 페이지 소개

📌 자세한 기능이 보고 싶다면? Slam wiki에서 확인하세요!

스플래시 로그인 페이지

  • splash 화면
  • 카카오 소셜 로그인
  • 로그인, 로그아웃
  • 탐색 페이지 새 농구장 추가 페이지

  • 현재 날짜와 시간 기준
  • 확대,축소 가능
  • 날짜와 시간대 선택 가능
  • 참여자 수에 따른 농구공 변화
  • 농구공에 즐겨찾기, 예약 표시
  • 농구장 정보 상세 보기
  • 예약 페이지 이동
  • 새 농구장 추가 가능
  • 지도에서 위치 마커
  • 새 농구장 추가 validation
  • 예약 페이지 예약 목록 페이지

  • 예약 생성
  • 예약 수정, 취소
  • 예약 목록 조회
  • 다가올 예약, 지난 예약
  • 확성기 기능
  • 참여한 유저 정보 조회
  • 즐겨찾기 페이지 카카오톡 공유하기

  • 즐겨찾는 농구장 목록
  • 즐겨찾기 삭제 기능
  • 카카오맵 위치
  • 해당 농구장 카카오톡 공유
  • 프로필 페이지 프로필 편집 페이지

  • 내 프로필 조회
  • 다른 유저 프로필 조회
  • 프로필 편집 validation
  • 기본 이미지로 변경 가능
  • 관리자 페이지 알림 페이지

  • 사용자가 추가한 새 농구장 목록 관리
  • 목록 조회(무한 스크롤)
  • 새 농구장 승인 및 거절
  • 알림 목록 조회
  • 상단 네비게이션 뱃지로 갯수 확인

  • ⚡ 프로젝트 실행 방법

    node v16.13.0 yarn

    yarn cache clean
    yarn
    yarn dev

    🔗 Server Git Repo

    Slam Server