Skip to content

BugWithHunter/MountainSpirit-Front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

578 Commits
 
 
 
 
 
 

Repository files navigation

🌳산신령🌳

Image

팀원

Image Image Image Image Image
강형규 강지현 정건일 윤서진 민수현

목차

1. 🍃프로젝트 소개

2. 📄와이어프레임

3. 🔧스토리보드

4. 🚀테스트

5. 📗문서

6. 🛸기술 스택

7. ✨동료 평가

1. 🍃프로젝트 소개

기획 의도

image

코로나 이후 등산에 대한 수요가 늘어남에 따라 산과 코스에 대한 정보를 쉽게 찾을 수 있고, 자신의 등산 기록을 관리할 수 있는 사이트를 기획했습니다. 코스별 난이도에 따라 자신의 능력에 맞는 코스를 선택할 수 있고, 완등 시 받을 수 있는 코스별 도장을 모으며 등산을 완료했을 때의 또 다른 재미를 경험할 수 있습니다. 여러 사람들과 함께 등산하고 싶다면 크루를 모집할 수 있고, 더 즐거운 등산을 위해 산과 회원 두가지의 랭킹 시스템을 제공합니다.

주요 기능

  • 산, 등산로 정보 검색 조회
  • 코스 완등 시 도장 획득
  • 특정 산에 대한 코스 도장을 모두 획득하면 산 도장 획득
  • 도장과 완등 횟수를 통한 랭킹 기능
  • 여러 사람들과 함께 등산하기 위해 크루를 모집하거나 크루에 가입할 수 있음
  • 자유 게시판을 통해 다른 회원들과 등산에 관련된 정보 공유
  • 크루 게시판을 통해 같은 크루에 소속된 사람들과 소통

2. 📄와이어프레임

Image
회원 Image
Image
게시판 image
크루 image
운영자 image

3. 🔧스토리보드

3-1. 회원

마이페이지 image

3-2. 산

산 상세 페이지 Image

3-3. 게시판

자유 게시판 image

3-4. 크루

크루 페이지 image

3-5 운영자

운영자 페이지 image

4. 🚀테스트

메인
  • 등산 기록 등산기록

  • 랭킹 시스템 행킹 시스템

회원
  • 프로필 변경 프로필변경

  • 비밀번호 변경 비밀번호 변경

  • 회원가입 회원가입

  • 🐢전체 산 목록

Image

  • 🐢산 상세 조회 & 후기 등록,수정,삭제

Image

  • 🐢코스 상세 조회 & 후기 등록, 수정, 삭제

Image

  • 🐢산 검색 조회

Image

게시판
  • 게시글 작성 및 상세조회

Image

  • 목록조회 및 검색

Image

  • 좋아요 및 댓글 기능

Image

크루
  • 크루 가입 신청

Image

  • 크루 가입 신청 승인

Image

  • 크루 등산 신청

Image

운영자
  • 운영자 로그인 시 관리자 페이지 접속

    Adobe Express - adminLogin

  • 관리자 페이지 구현

    Adobe Express - adminPage

  • 신고 시 처리 기능

    Adobe Express - adminReport

5. 📗문서

5-1 요구사항 명세서

🪝요구사항 명세서

5-2 WBS

📆WBS Image

6. 🛸기술 스택

  • DB

  • BackEnd
  • FrontEnd
  • 버전 관리

7. ✨동료 평가

  • 강형규
이름 평가
강지현 개발 초기에 프론트 틀을 짜고 pinia,router 구조 등을 설계하여 개발이 편해지도록 환경을 구성해줬다. 그리고 중간중간 프로젝트 체크를 하고 발표를 도맡아 하는 등 팀장의 역할을 자처하여 많은 일을 했다고 생각한다.
정건일 본인의 생각을 표현하는 방식과 팀원의 의견을 수용하는 사상에서 2번째 프로젝트 이후부터 감명받아왔습니다. 회원에 대한 인증과 인가에 대한 시스템 구축을 시작으로 프론트에서 로그인과 로그아웃 시스템과 권한부여와 함께 프로젝트 체계를 설계하여 팀원들의 전반적인 학습에 도움을 주었습니다
윤서진 가장 어려운 회원부분을 담당하셔서 로그인, 회원가입 등에서 신경쓸 부분이 많으셨을텐데도 본인이 맡으신 부분만이 아니라 다른 팀원들의 개발 내용까지 항상 신경써주셔서 프로젝트가 원활하게 진행될 수 있었던 것 같습니다. 발표 준비까지 하시느라 며칠동안 거의 자지도 못하고 하실정도로 책임감이 강하십니다.
민수현 로그인을 맡아주셨는데 프론트에서 가장 처음이기도 하고 많은 사람들이 이용하는 기능인만큼 여러 유효성 검사를 적용하여 꼼꼼하게 구현해주셨습니다. 또한 등산에 대한 기능과 회원의 도장으로 인한 등급 조회 등 회원을 모으는 기능을 잘 구현해주셨습니다.

  • 강지현
이름 평가
강형규 backEnd부터 크루와 관련된 기능 개발을 구현 해 주셨고 프론트 개발하기 에도 바쁜 와중에 백엔드프로 프로그램도 같이 수정 하실 정도로 열정적으로 프로젝트에 집중 해 주셨습니다.
정건일 크루와 크루구성원에 대한 회원관리와 히스토리 저장을 위한 db를 설계하고 db를 기반으로 한 백에서 안정적인 시스템흐름과 코드 패턴에 대한 고민이 많이 엿보였습니다. 예비군 훈련으로 이번 프로젝트인 프론트 구현에 시간이 많이 부족했음에도 불구하고 좋은 성과를 보여주었습니다
윤서진 기본틀이 되는 메뉴 바의 디자인을 가장 먼저 잡아주셔서 덕분에 헤더 부분은 걱정없이 바디 부분을 구현하는데에만 집중할 수 있었습니다. 예비군 때문에 하루 빠지시면서 비행기 시간 전후로도, 예비군 가셔서도 계속 개발을 진행하시던게 대단하신 것 같습니다.
민수현 여러 사람들이 모이는 크루 기능에서 크루에 가입된 사람과 아닌 사람, 크루 안에서의 역할 등 다르게 구현해야 하는 부분이 많았는데 다 구분하여 구현해주셨습니다. 또한 크루 내에서의 등산 일정, 크루원 관리 등 양이 많았음에도 기한 내에 완성해주셨습니다.

  • 정건일
이름 평가
강형규 관리자 페이지 구현시 여러 가지 제약 사항이 많았을 텐데 개발을 열심히 해 주셨습니다. 통계들 또한 ui 적으로 보기 좋게 그래프를 각 데이터의 맞는 형태의 그래프를 선택 해서 구현 해 주셨습니다.
강지현 관리자 기능을 구현 하는데 많은 일을 하였으며, 각 데이터 별로 정보들을 모아 그래프, 차트로 만들어 낸것이 인상깊었다.
윤서진 피그마에서 디자인을 구현해볼 때부터 굉장히 많은 프레임을 사용해서 동작을 자세히 보여주려고 하셨습니다. 관리자가 접속하는 페이지는 기존 페이지의 틀을 사용하지 않았는데도 잘 해주셨습니다.
민수현 운영자 페이지 전체를 구현해주셨습니다. 신고와 정지를 관리자가 승인할 수 있도록 하고 회원이 이의 제기를 하면 볼 수 있는 등 신고에 관해 자세하게 나타내주셨으며 각종 회원들과 산에 대한 데이터를 차트를 통해 한눈에 볼 수 있도록 해주셨습니다.

  • 윤서진
이름 평가
강형규 게시판 기능을 구현할 때 여러 가지 놓칠수 있는 부분이 있을 수 도 있는데 놓치지 않고 개발 해 주셨습니다.(사진 업로드, 좋아요, 댓글 등) 특히 댓글은 게시판과의 연관 관계가 있어서 복잡한 부분인데 잘 개발해 주셨습니다.
강지현 게시판 구현에도 처리해야 될 내용들이 많았을텐데도 불구하고 묵묵히 자신의 역할을 해내어주었다. 그리고 늦은 시간까지 힘들었을 텐데도 끝까지 개발하는 모습이 보여 굉장히 많은 고생을 한 부분이 보였다.
정건일 게시판 구현에 대해서 백설계 및 프론트 담당을 맡았고 발표작업을 위한 서류마련을 해주었습니다. 게시판 구현이 조금 늦게 끝나서 신고담당을 맡은 제가 프론트 이해가 부족하여 게시판 신고하는 기능을 추가하지 못했습니다. 설계와 작업에 있어서 좀 더 이야기를 많이 했어야하는 아쉬움이 남습니다.
민수현 회원들 간의 커뮤니케이션을 담당하는 게시판 프론트엔드를 작업해주셨습니다. 게시판의 기본적인 작성, 수정, 삭제 뿐만 아니라 댓글과 분류를 통한 검색 등 게시판의 기능을 모두 빠짐없이 구현해주셨습니다.

  • 민수현
이름 평가
강형규 기능 개발뿐만 아닌 화면에 보여 주기위한 이미지 수집까지 해 주시고 문서도 항상 먼저 앞장서서 틀을 마련해 주셨습니다. 산 관련 페이지에 대해 빠진 부분없이 잘 구현 해주셨 습니다. 항상 보이지 않는 곳 에서 누가 알아 주지 않아도 나서서 해 주시는 모습이 항상 감사 했습니다.
강지현 산 데이터를 api로 받아서 가공하는 업무가 쉽지 않았을텐데도 불구하고 자신의 일을 묵묵히 해내어 주었으며, 피그마 등 디자인 부분에 대해서 여러 조언을 얻어 화면 구성을 하는 데에 많은 도움을 받았다.
정건일 산과 코스에대한 백설계 및 프론트작업을 해주었고 전반적인 서류 작업에 대한 틀을 마련해주었습니다 갑작스럽게 다른분야로 간다는 이유로 학원을 그만둔다는 소식을 들었는데 이 분야에 대한 학업에 뜻이 없음에도 불구하고 팀원들을 위해서 프로젝트를 끝내고 그만두는 책임감에 감사하다는 말을 전합니다
윤서진 본인이 맡은 부분뿐만 아니라 가장 중요한 메인페이지도 구현해주시고 footer 부분에도 디자인부터 데이터 입력까지 도맡아 해주셨습니다. 프론트엔드를 하면서 디자인에 가장 많이 기여하신 것 같고 문서 작업도 항상 앞장서서 해주셔서 감사합니다.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors