2025 동국대학교 동아리 박람회 사이트 - 동아리랑

${\textsf{\color{gray}로고를 누르면 사이트로 이동해요}}$

✏️ Project Overview

동아리 박람회, 여기에 다 담았다!
https://2025-dgu-dongbak.netlify.app/

구현 결과

메인 페이지	부스 페이지
공연 페이지	개발자 정보 페이지

🌐 Tech Stack & Timeline

기술 스택

📅 개발기간 : 25.02.20 ~ 25.03.06 📅

🚀 서비스 기간 : 25.03.05 ~ 25.03.06 🚀

👩🏻‍💻🧑🏻‍💻 Contributors

박세호	오태준	하채민
공연 페이지 구현, 인프라	검색 기능 및 메인 UI 구현	부스 페이지 구현

## ❓ How to Run

yarn dev

---

🎯 Commit Convention

• feat : 새로운 기능 추가
• fix : 버그 수정
• docs : 문서 수정
• style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
• refactor: 코드 리펙토링
• test: 테스트 코드, 리펙토링 테스트 코드 추가
• chore : 빌드 업무 수정, 패키지 매니저 수정

📂 프로젝트 폴더 구조

📦src
 ┣ 📂apis
 ┃ ┣ 📜booth.js
 ┃ ┣ 📜foodTruck.js
 ┃ ┣ 📜instance.js
 ┃ ┣ 📜performance.js
 ┃ ┗ 📜SearchService.js
 ┣ 📂components
 ┃ ┣ 📂BoothDetailBox
 ┃ ┃ ┣ 📜BoothDetailBox.jsx
 ┃ ┃ ┣ 📜BoothInfo.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂BoothList
 ┃ ┃ ┣ 📜BoothList.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂BoothMap
 ┃ ┃ ┣ 📜BoothMap.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂Btn
 ┃ ┃ ┣ 📜Btn.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂buttons
 ┃ ┃ ┣ 📂headerbutton
 ┃ ┃ ┃ ┣ 📜HeaderButton.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┗ 📂OneButton
 ┃ ┃ ┃ ┣ 📜OneButton.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂ClubInfo
 ┃ ┃ ┣ 📜ClubInfo.jsx
 ┃ ┃ ┣ 📜RecruitInfo.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂Date
 ┃ ┃ ┣ 📜Date.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂DeveloperCard
 ┃ ┃ ┣ 📜DeveloperCard.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂errorBox
 ┃ ┃ ┣ 📜ErrorBox.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂ExpandableText
 ┃ ┃ ┣ 📜ExpandableText.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂FloatingBubbles
 ┃ ┃ ┣ 📜FloatingBubbles.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂footer
 ┃ ┃ ┗ 📜Footer.jsx
 ┃ ┣ 📂Header
 ┃ ┃ ┣ 📜Header.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂inputs
 ┃ ┃ ┗ 📂SearchInput
 ┃ ┃ ┃ ┣ 📜SearchInput.jsx
 ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂MainNavigate
 ┃ ┃ ┣ 📜MainNavigation.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂SearchBox
 ┃ ┃ ┣ 📜SearchBox.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂Selector
 ┃ ┃ ┣ 📜CategorySelector.jsx
 ┃ ┃ ┣ 📜DateSelector.jsx
 ┃ ┃ ┣ 📜PlaceSelector.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂Sidebar
 ┃ ┃ ┣ 📜Sidebar.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┗ 📜.gitkeep
 ┣ 📂constants
 ┃ ┣ 📂Booth
 ┃ ┃ ┗ 📜data.js
 ┃ ┣ 📂BoothDetail
 ┃ ┃ ┗ 📜data.js
 ┃ ┣ 📜.gitkeep
 ┃ ┣ 📜common.js
 ┃ ┣ 📜developerpageConstants.js
 ┃ ┣ 📜errorConstant.js
 ┃ ┣ 📜navigateConstants.js
 ┃ ┣ 📜performaceData.js
 ┃ ┣ 📜routeConstants.js
 ┃ ┣ 📜searchPageConstant.js
 ┃ ┗ 📜sidebarConstant.js
 ┣ 📂hooks
 ┃ ┣ 📂Booth
 ┃ ┃ ┣ 📜useBoothDetail.js
 ┃ ┃ ┣ 📜useBoothInfo.js
 ┃ ┃ ┣ 📜useFoodDetail.js
 ┃ ┃ ┗ 📜useFoodTruckInfo.js
 ┃ ┣ 📜useBoothSelect.js
 ┃ ┣ 📜useCustomNavigate.js
 ┃ ┣ 📜useNowTime.js
 ┃ ┣ 📜usePerformanceData.js
 ┃ ┣ 📜useReloadPage.js
 ┃ ┣ 📜useSearch.js
 ┃ ┗ 📜useSlider.js
 ┣ 📂pages
 ┃ ┣ 📂Booth
 ┃ ┃ ┣ 📜BoothDetailPage.jsx
 ┃ ┃ ┣ 📜BoothPage.jsx
 ┃ ┃ ┣ 📜FoodDetailPage.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂DevelopersPage
 ┃ ┃ ┣ 📜DevelopersPage.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂mainpage
 ┃ ┃ ┣ 📜MainPage.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂notFound
 ┃ ┃ ┣ 📜NotFound.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂performance
 ┃ ┃ ┣ 📂_components
 ┃ ┃ ┃ ┣ 📂base
 ┃ ┃ ┃ ┃ ┣ 📜PerformanceCard.jsx
 ┃ ┃ ┃ ┃ ┗ 📜PerformancTime.jsx
 ┃ ┃ ┃ ┣ 📂container
 ┃ ┃ ┃ ┃ ┣ 📜PerformanceContainer.jsx
 ┃ ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┃ ┣ 📂header
 ┃ ┃ ┃ ┃ ┣ 📜PerformanceHeader.jsx
 ┃ ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┃ ┗ 📂timeTableItem
 ┃ ┃ ┃ ┃ ┣ 📜PerformanceTimeTableItem.jsx
 ┃ ┃ ┃ ┃ ┗ 📜styled.js
 ┃ ┃ ┣ 📜Performance.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┣ 📂SearchPage
 ┃ ┃ ┣ 📜SearchPage.jsx
 ┃ ┃ ┗ 📜styled.js
 ┃ ┗ 📜.gitkeep
 ┣ 📂stores
 ┃ ┗ 📜.gitkeep
 ┣ 📂styles
 ┃ ┣ 📜global.js
 ┃ ┗ 📜theme.js
 ┣ 📂utils
 ┃ ┣ 📜getCamelCaseValue.js
 ┃ ┗ 📜getInstagramId.js
 ┣ 📜App.jsx
 ┣ 📜main.jsx
 ┗ 📜router.jsx