/FestiAll_Project

전국 방방곡곡 행사를 알려주는 사이트입니다!

Primary LanguageJavaScript

FestiAll

전국 행사 정보를 알려주는 사이트

FestiAll은 전국의 행사 정보를 유저들에게 알려주는 사이트 입니다.

전국 각지의 행사 정보를 알려주어 유저들이 있는 지역 근처 혹은 여행을 가려는 지역 근처의 행사에 대한 정보를 미리 알아 각 지역의 행사들의 접근성을 높이는 데에 목적이 있습니다.

팀원 구성

김병준 김동신 이가현 서샛별 이준혁 정현욱

@Captain-Kim

@KimDongSin

@Ga-zzang

@ssbmel

@LeeJunhyeok369

@ghastlymouse

역할 및 업무 분담

  • 이가현
    • 팀장 및 관리자 페이지 담당
  • 이준혁
    • 메인 페이지 (카테고리 검색) 및 전반적 세부 UI 담당
  • 김병준
    • 로그인, 회원가입 페이지 및 인증/인가, Supabase 총괄 담당
  • 김동신
    • 메인 페이지 (지도) 담당, 전체적인 UI 수정 담당
  • 서샛별
    • 마이페이지 담당
  • 정현욱
    • 행사 상세 페이지 및 찜 기능 담당

페이지별 기능

메인 페이지

  • 카카오 맵 API를 이용한 지도 및 지도 위치에 따른 지역별 행사를 화면에 노출
  • 검색어 혹은 지역, 카테고리 별 행사 검색 기능 구현

상세 페이지

  • 행사의 이름, 장소 등의 상세 정보를 화면에 노출
  • 찜 기능 구현

마이 페이지

  • 유저가 찜한 행사를 지도와 함께 화면에 노출

관리자 페이지

  • 유저들에게 보여줄 행사 데이터를 DB에 추가, 수정, 삭제하는 페이지
  • 행사 데이터의 CRUD 기능 구현

로그인, 회원가입 페이지

  • Supabase의 auth api를 이용해 인증/인가 구현

제작 기간

  • 2024.06.17~2024.06.20

페이지 구성

  • 메인 페이지
  • 관리자 페이지
    • 행사 데이터 추가, 수정 페이지
    • 행사 데이터 확인, 삭제 페이지
  • 상세 페이지
  • 마이 페이지
  • 로그인 페이지
  • 회원가입 페이지

기술 환경 및 스택

Environment

Config

Development

Communication

Deploy

Trouble Shooting

  1. 상세 페이지에서 행사의 진행 상태를 띄어주기 위해 접속한 날짜와 행사 시작일, 종료일을 비교하니 무한 렌더링 발생

  2. Supabase 셋업을 하면서 팀원들이 어느 부분까지 데이터가 필요한지 예측하지 못함. 이용하기 편하도록 커스텀 훅을 기본적으로 제작해두었으나 대부분의 니즈를 파악하지 못해 팀원들이 직접 필요한 부분을 커스텀 훅으로 제작하는 것을 목격함.

  3. onAuthStateChange를 통한 인증/인가 로직 구현의 아쉬움