✔️구현 사항

• 여행지 커뮤니티, 여행 일정 세우기 기능 등 여행 관련 서비스를 제공하는 사이트입니다.
• 사용 대상 : 여행을 떠나고 싶을 때, 다른 사람의 리뷰나 평점을 참고하여 계획하고 싶은 예비 여행객
• 핵심 기능
  • 나라, 도 ,시 별로 나뉘어진 카테고리 별로 여행기나 추천 장소를 볼 수 있습니다.
  • 카카오맵을 연동하여 추천 장소나 검색한 장소의 평점, 리뷰를 한번에 볼 수 있습니다.
  • 지도에 직관적으로 표현되는 최소 거리, 최적화 루트
  • 소셜 로그인 구현 (구글, 카카오)
  • 다녀온 여행지의 여행기를 공유하고 댓글로 소통할 수 있습니다.

✔️담당 역할

• 프론트엔드 파트 리더를 맡아 진행한 개발을 위한 프로젝트 구성
  • 기술 스택 선정, 웹 레이아웃 개발
    • UX,UI 고려하여 페이지 별 기초 레이아웃 구성 (figma 활용)
    • 백엔드 팀원과의 협업을 통한 api 정의서 작성
• 회원가입/로그인
  • 회원가입과 로그인 시, 정규표현식을 활용해 입력 제한 기능 구현
  • 일치하는 정보가 입력될 시 백엔드에서 넘겨주는 쿠키 값을 활용하여 헤더의 UI 제어
  • 로컬스토리지와 쿠키를 이용하여 접속 가능한 페이지 제어
• 관리자 페이지
  • 회원가입 후 부여받은 admin 계정을 통해 메인페이지의 리스트 추가가능한 페이지 구현
    • 여행지의 정보와 여행지의 사진을 업로드하는 페이지 구현
• 메인 페이지의 여행지 사진을 나열하는 Carousel과 Card형식의 리스트 구현
• 메인페이지, 재사용 가능한 모달 구현
  • zustand를 이용하여 재사용가능한 모달 구현

✔️기술 스택

• React, TypeScript, Zustand, NodeJS, Mysql, amazon S3, TailwindCSS, github, trello, figma, vite

✔️프로젝트 시연 영상

starroad.mp4

https://github.com/10019610/elice_frontend