Skip to content

goflvhxj96/tripstacker_front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

EnjoyTripFront서울10반이성은_전소민

Commit Convention

태그 설명
feat 새로운 기능을 추가하는 경우
fix 버그를 고친 경우
design CSS 등 사용자 UI 디자인 변경
style 코드 포맷, 세미 콜론 추가 등 스타일 변경
refactor 코드 리팩토링
test 테스트 추가, 수정, 리팩토링
rename 파일명, 폴더명 수정
chore 그외 자질구레한 일

Trip Stacker

  • ‘여행 기록을 블록처럼 쌓아나간다’라는 의미로 Trip Stacker라 이름지었습니다.

메인 화면

  • 첫 화면에 로고와 검색창을 크게 보여주어 구글과 같은 만능 검색엔진의 기능을 보여줍니다.

메인화면

  • 화면을 그리드로 다채롭게 구성하고 각 그리드에 마우스를 오버하면 떠오르는 애니메이션 효과를 주어 눈을 사로잡는 즐거운 사용자 경험을 주었습니다.

메인화면2

  • 인기 여행 플랜을 계속 회전시키며 보여주고 있습니다.
  • 인기 게시글은 고정적으로 보여주고 있습니다.

메인화면3

로그인

  • 회원가입시 빈칸 확인, 이메일 포맷 확인, 비밀번호와 비밀번호 확인 일치여부를 검사합니다.

로그인js

  • 로그인에 성공하면 메인페이지로 돌아옵니다.

로그인js2

마이페이지

  • 마이페이지에서는 본인이 작성한 여행 블록, 게시글 등을 조회할 수 있고, 회원정보를 변경할 수 있습니다.

마이페이지1

  • 반응형으로 제작하여 윈도우 창의 가로 폭이 줄어들면 그에 맞게 화면이 조절됩니다.

마이페이지2

  • 회원정보 변경이 가능합니다.

회원정보_변경

나의 핫플 등록

  • kakao map api와 GPS 정보가 담겨있는 사진의 메타데이터를 이용하여 지도와 사진이 한눈에 보이는 글을 작성할 수 있습니다.
  • 글 작성화면 접속시 지도의 초기위치는 서버의 접속위치를 받아와 띄웁니다.

나의핫플1

  • 사진을 등록하면 사진파일의 메타데이터에서 위도, 경도를 읽어와 지도의 해당 위치에 마커를 표시합니다.
  • 글 작성 후 사진, 위치정보와 함께 글이 저장됩니다.

나의핫플2

플래너

  • 검색하면 공공데이터를 불러와 리스트로 보여줍니다.
  • 지역 검색 시 해당 지역에 있는 장소들을 마커로 표시합니다.
  • 장소 클릭시 해당 위치로 이동해 마커로 표시합니다.

마커

마커하나

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published