[S.A] i Park Project

nikevapormax·2022년 7월 8일
0

s.a

목록 보기
5/5
post-custom-banner

i Park

공원을 중심으로한 지역의 커뮤니티를 구성합니다 !

커뮤니티를 통해 동네 친구들도 사귀고 나눔마켓도 열어보세요 ! 🌈

공원의 화장실 + 식수대 + 놀이시설 여부 등을 선택해서 원하는 공원을 찾아보세요.

  • 핵심 기능 : 공원 찾기, 지도, 커뮤니티, 나눔마켓

  • 핵심 타겟층 : 일반 시민

  • 목 적

    지역 커뮤니티를 활성화 시켜 나아가 지역 경제 살리기를 목표로 합니다

  • 기술 스택

    • Python | Django | DRF
    • Javascript | JQuery | HTML | CSS
    • MySQL | SQLite | Docker | AWS-EC2 | AWS-S3
    • Visual Studio Code |

와이어 프레임

아이서치 - FigJam (figma.com)

  • PARK

  • COMMUNITY

  • USER

    • 회원가입 / 로그인 / 아이디-비밀번호 찾기 / 계정관리(회원정보 수정)


기능명세서

  • 핵심 기능 : 공원 찾기, 지도, 커뮤니티, 나눔마켓

메인페이지

  • 공원 둘러보기
    • 조회순 순서대로 공원을 보여줌
  • 상단바
    • 검색창을 통해 특정 공원을 찾기
    • 네비게이션을 통해 해당 페이지로 이동
      • 커뮤니티 페이지
      • 계정관리 페이지
      • 토글
        • 기본값으로 가나다순으로 공원 정렬
        • 공원 클릭시 공원 상세 내용 페이지로 이동
  • 공원 검색 버튼을 눌러 공원 검색 페이지로 이동해 원하는 조건의 공원을 찾을 수 있음
  • 커뮤니티 버튼을 눌러 커뮤니티 페이지로 이동하여 게시글을 조회,작성할 수 있음
  • 토글 버튼을 눌러 원하는 공원을 선택하여 상세페이지로 이동 할수 있다.
  • 푸터의 ‘맨 위로’ 버튼을 눌러 페이지의 상단으로 이동할 수 있음

공원 검색 페이지

  • 옵션을 선택해 사용자가 원하는 조건의 공원을 검색할 수 있음
  • 스크롤을 이용해 검색된 공원 목록을 확인
  • 필터를 통해 조회순과 즐겨찾기순이 많은 공원 등을 사용자에게 제시함

공원 상세 내용 페이지

  • 공원에 대한 정보를 확인
  • 즐겨찾기
    • 즐겨찾기 버튼을 눌러 즐겨찾기 페이지에서 모아볼 수 있음
    • 즐겨찾기 버튼을 다시 누르면 해제됨
  • 댓글
    • 사용자간의 해당 공원에 대한 이야기를 댓글을 통해 자유롭게 나눌 수 있음

즐겨찾기 페이지

  • 사용자가 즐겨찾기한 공원들을 최신순으로 볼 수 있음
  • 즐겨찾기 버튼을 한번 더 누름으로 즐겨찾기를 해제할 수 있음

커뮤니티 페이지

  • 사용자들이 작성한 전체 게시글을 볼 수 있음
  • 드롭다운 버튼을 이용해 전체 게시글 / 커뮤니티 / 나눔마켓 / 내가 쓴 게시글을 선택해 확인할 수 있음
  • 글 작성 버튼을 눌러 게시글 업로드 페이지로 이동할 수 있음
  • 검색창을 이용해 게시글을 검색할 수 있음
  • 페이지 네이션을 이용해 페이지를 나눔

게시글 업로드 페이지

  • 게시글 작성, 업로드
    • 태그 [ 커뮤니티 or 나눔마켓 ]를 선택
    • 사진 / 제목 / 내용 기입
  • 업로드 버튼을 누르면 등록 완료 알림이 뜨며 커뮤니티 페이지로 이동
  • 작성된 게시글은 커뮤니티 페이지에서 확인 가능

공원 정보 관리→ admin 페이지

  • 새로운 공원 등록
  • 등록된 공원 정보 수정 및 삭제

계정 관리 페이지

  • 가입 정보 수정
    • 수정하고자 하는 정보를 수정할 수 있음
    • 비밀번호
    • 이 름 / 이메일 / 핸드폰 번호 / 생년월일
  • 회원 탈퇴
    • 개인정보 및 작성하였던 내역 삭제됨을 안내하며 탈퇴 버튼을 눌러 회원탈퇴를 할 수 있음

로그인 페이지

  • 로그인
    • 소셜 로그인 계정 혹은 아이디로 로그인
  • 아이디 찾기
    • 가입 정보 확인을 통해 아이디 찾기
  • 비밀번호 찾기
    • 가입한 아이디와 가입정보 확인을 통해 비밀번호 찾기
  • 회원가입 페이지로 이동
  • 로고를 통해 홈페이지로 이동

회원가입 페이지

  • 회원가입
    • 소셜 로그인 계정 혹은 계정 생성으로 간편 가입
  • 로그인 페이지로 이동
  • 로고를 통해 홈페이지로 이동

DataBase

  • ERD

  • DB

user {
	"user_id(pk)" : "Primary Key",
	"username" : "사용자 아이디",
	"password" : "비밀번호",
	"fullname": "이름",
	"email" : "이메일",
	"phone" : "핸드폰 번호",
	"birthday" : "생년월일",
	"live" : "구역",
	"join_date" : "가입일자",
    "bookmarks" : "즐겨찾기"
}

park {
	"park_id(pk)" : "Primary Key",
	"option_id(fk)" : "ManyToMany",
    "created_at" : "공원 정보 생성시간",
    "updated_at" : "공원 정보 수정시간",
    "p_park": "공원명",
	"p_addr": "공원주소",
	"p_zone": "지역",
	"p_admintel": "전화번호",
	"main_equip": "주요시설",
	"template_url": "바로가기",
	"p_list_content": "공원개요",
	"p_img": "이미지",
	"longitude": "X좌표(WGS84)",
	"latitude": "Y좌표(WGS84)"
}

option {
	"option_id(pk)" : "Primary Key",
	"park_id(fk)" : "ManyToMany",
	"name" : "공원 옵션 이름"
}

park_comment {
	"park_comment_id(pk)" : "Primary Key",
	"user_id(fk)" : "Foreign Key",
	"park_id(fk)" : "Foreign Key",
    "created_at" : "작성 시간",
	"updated_at" : "수정 시간",
	"comments" : "댓글"
}

community {
	"community_id(pk)" : "Primary Key",
	"user_id(fk)" : "Foreign Key",
	"title" : "제목",
	"content" : "내용",
    "image" : "이미지",
	"created_at" : "작성 시간",
    "modified_at" : "수정 시간",
}

community_comment {
	"community_comment_id(pk)" : "Primary Key",
    "user_id(fk)" : "Foreign Key",
    "community_id(fk)" : "Foreign Key",
    "created_at" : "작성 시간",
    "updated_at" : "수정 시간",
    "comments" : "댓글"
}

tag {
	"tag_id(pk)" : "Primary Key",
	"community_id(fk)" : "Foreign Key",
	"name" : "태그 이름"
}

API



profile
https://github.com/nikevapormax
post-custom-banner

0개의 댓글