Skip to content

mkwwd/Poravel

Repository files navigation

📸 Poravel 📸

💻 삼성 청년 SW 아카데미 1학기 관통 프로젝트
🖼️ Photo + Travel - 아름다운 사진 명소, 추억 공유 사이트

🧑🏻‍💻 팀원 👩🏻‍💻


koreamarin

mkwwd
류지원 조자영

1️⃣ 개요

💡 각 지역의 사진명소 정보 제공 및 정보 공유를 목적으로 관광지 소개 및 이미지, 위치, 리뷰, 추억공유 기능 등을 제공한다.

2️⃣ 기술/환경

FrontEnd

BackEnd

DataBase

API

Tools



3️⃣ 프로젝트 기간

📆 2023년 11월 16일 ~ 2023년 11월 23일

4️⃣ 팀원 및 역할

이름 역할 구현 기능
류지원 팀장 DB 전반 및 BackEnd 전반
FrontEnd (아이디, 비밀번호 찾기)
조자영 팀원 디자인 및 FrontEnd 전반

5️⃣ 설계 산출물


Use Case 🔗Link


Mockup Page 🔗Link



6️⃣ 주요기능



7️⃣ 화면 구성

🛠️ 메인 🛠️

🌟 메인 페이지입니다. 감성을 자극하는 사진 및 문구와 사용자들이 공유한 사진 및 정보를 보여주는 페이지로 구성되어 있습니다.

✏️ Memory페이지에 등록된 사진 중 조회수가 높은 6개의 사진을 보여줍니다.
✏️ 사진을 누르면 사진 뒷면에서 간략한 정보를 볼 수 있습니다.
✏️ 사진 뒷면 오른쪽 하단의 더보기 버튼을 눌러 해당 사진의 상세페이지로 이동이 가능합니다.

🛠️ 회원관리 🛠️

🔒 로그인

🌟 로그인 페이지입니다. 아이디, 비밀번호 입력란과 아이디/비밀번호 찾기, 회원가입 링크로 구성되어 있습니다.


🔑 아이디 찾기

🌟 아이디 찾기 페이지입니다.

✏️ 회원의 이름과 이메일을 입력하면 아이디를 찾을 수 있습니다.

🔑 비밀번호 찾기

🌟 비밀번호 찾기 페이지입니다.

✏️ 회원의 아이디와 이메일을 입력하면 비밀번호를 이메일로 발송하여 줍니다.

🔒 회원가입

🌟 회원가입 페이지입니다.

🌟 실행 - 회원가입

✏️ 아이디의 유효성 검사, 중복여부를 체크합니다.
✏️ 비밀번호의 유효성 검사, 비밀번호 확인을 통한 이중 체크를 합니다.
✏️ 정확한 주소 입력을 위해 Kakao MapJs Api를 이용하여 도로명주소나 지번주소를 찾을 수 있습니다.
✏️ 주소를 누르면 우편번호, 도로명주소(지번주소)를 가져올 수 있습니다.

😊 마이페이지

🌟 마이페이지입니다. MyProfie, Bookmark, Memory로 구성되어 있습니다.

🌟 실행 - Bookmark, Memory 삭제

✏️ 이름, 번호, 이메일 등 간단한 회원정보를 볼 수 있습니다..
✏️ 여행 정보 페이지에서 장소를 저장하면 Bookmark 영역에서 저장한 여행지를 볼 수 있으며, 누르면 상세페이지로 이동합니다.
✏️ Memory페이지에서 사진을 공유한 사진을 Memory 영역에서 볼 수 있으며, 누르면 상세페이지로 이동합니다.
✏️ Bookmark한 장소와 공유한 Memory는 마이페이지에서 삭제가 가능합니다.
✏️ Bookmark한 장소와 공유한 Memory가 없다면 비어있는 영역을 눌러 해당페이지로 이동이 가능합니다.

😎 회원정보 수정

🌟 회원정보수정 페이지입니다. 회원 상세 정보 조회, 수정, 탈퇴가 가능힙니다.

🌟 실행 - 프로필 변경 및 정보수정

✏️ Myprofile의 '내 정보 수정' 버튼을 누르면 비밀번호 확인을 하고 수정페이지로 이동합니다.
✏️ 프로필 사진 변경이 가능합니다.
✏️ 아이디와 이름을 제외한 회원 정보를 수정 할 수 있습니다.
✏️ 새로운 비밀번호를 설정할 수 있습니다..
✏️ 새로운 비밀번호의 유효성 검사, 비밀번호 확인을 통한 이중 체크를 합니다.

🛠️ 여행 정보 🛠️

✈️ 여행 정보 조회

🌟 여행 정보 페이지입니다. 사진을 찍고 싶은 지역와 대상을 검색할 수 있습니다.

🌟 실행 - 지역명과 대상으로 검색

🌟 실행 - 키워드 검색 (습지, 섭지코지)

✏️ 지역명과 대상으로 사진을 찍으러 가고 싶은 곳을 검색 할 수 있습니다.
✏️ 지역명과 대상으로 검색이 안되거나 특정 장소를 검색하고 싶다면 키워드로도 가능함니다.
✏️ 하단에 해당하는 사진 명소 리스트가 하단에 나타나며, 해당 여행지의 위치가 지도에 나타납니다.
✏️ 사진에 마우스를 hover하면 해당 여행지의 위치로 지도가 움직이며 간략한 정보를 볼 수 있습니다.
✏️ 오른쪽 하단의 '자세히'를 누르면 상세페이지로 이동이 가능합니다.

🏞️ 여행지 상세페이지

🌟 여행 정보 상세페이지입니다. 여행지명, 여행지 정보, 위치 정보 등을 조회 할 수 있습니다.

🌟 해당 여행지의 공유된 Memory가 없는 경우

🌟 실행 - 리뷰작성, 장소 담아두기

✏️ 따라다니는 사이드바를 눌러 원하는 위치로 바로 이동이 가능합니다.
✏️ 다른 사용자가 이 여행지에서 찍은 사진이 있다면 Memory 영역에서 사진을 볼 수 있습니다.
✏️ 사진이 없다면 Memory 영역을 눌러 Memory페이지로 이동이 가능힙니다.
✏️ 여행지에 대한 리뷰작성이 가능하며 내가 쓴 리뷰만 삭제 할 수 있습니다.
✏️ 사이드바의 '장소 담아두기'를 누르면 해당 여행지를 북마크에 추가할 수 있으며 마이페이지에서 확인이 가능합니다.

🛠️ Memory 🛠️

📷 Memory 공유

🌟 Memory 페이지입니다. 사용자들이 여행지에 가서 찍은 사진을 공유할 수 있습니다.

✏️ Best Photo에서 조회수가 높은 상위 10개의 Memory를 보여줍니다.
✏️ PhotoBook에는 사용자들이 공유한 Memory를 모두 볼 수 있습니다.
✏️ 폴라로이드를 누르면 뒷면을 볼 수 있으며, 사진에 관한 정보가 적혀있습니다.

✒️ Memory 작성

🌟 Memory를 작성하는 페이지입니다.
🌟 PhotoBook의 가장 마지막에 비어있는 폴라로이드를 누르거나 사이드바의 등록하기를 클릭하면 Memory를 공유할 수 있습니다.

🌟 로그인 전/ 로그인 후 마지막 폴라로이드변화

✏️ 로그인 후 마지막 폴라로이드의 이름이 아이디로 변경되면 등록이 가능한 상태가 됩니다.
✏️ 작성자 이름을 입력할 수 있게 두어 익명으로도 등록이 가능합니다.
✏️ 장소를 입력하면 Kakao Map api를 이용한 검색이 실행되어 장소의 위치가 Map상에 표시되며 등록시 위치가 저장됩니다.
✏️ 사용자가 공유하고싶은 해당 장소의 사진과, 날짜 한줄평을 입력할 수 있습니다.

🌅 Memory 상세페이지

🌟 Memory 상세조회 페이지입니다. 폴라로이드 뒷면의 '더보기'를 누르면 이동이 가능힙니다.

✏️ 공유된 Memory의 사진, 위치 등 자세한 정보를 보여줍니다.
✏️ 같은 장소에서 공유된 다른 사람들의 Memory도 볼 수 있고 다른 Memory 상세조회도 가능합니다.

🛠️ 게시판 🛠️

📌 공지사항 게시판

🌟 공지사항 게시판 페이지입니다.

🌟 실행 - 공지조회, 작성, 수정, 삭제 ( 관리자 계정 )

🌟 실행 - 검색

✏️ 공지사항 조회는 누구나 할 수 있으나 공지사항 게시판 작성, 수정, 삭제는 관리자만 가능합니다.
✏️ 찾고자 하는 공지글의 글번호, 제목, 작성자 아이디로 검색이 가능합니다.

❓ QnA 게시판

🌟 QnA 게시판 페이지입니다.

🌟 실행 - 질문 조회, 작성, 수정, 삭제, 검색 ( 회원 계정 )

🌟 실행 - 답변 등록, 삭제 ( 관리자 계정 )

✏️ 일반 회원이라면 조회 및 작성이 가능하며 본인 글인 경우 수정, 삭제도 가능합니다.
✏️ 작성자의 아이디는 일부 *처리가 되어 작성자의 아이디가 일부만 보이도록 하였습니다.
✏️ 찾고자 하는 글의 글번호, 제목, 작성자 아이디로 검색이 가능합니다.
✏️ QnA글에 답변을 남길 수 있으며, 답글은 관리자만 가능합니다.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •