🍰 About 메이크어케이크
'메이크어케이크'는 복잡했던 주문제작 케이크 탐색을 쉽게 할 수 있는 서비스입니다. 사용자들이 기존에 여러 사이트에 흩어져 있던 주문제작 케이크 관련 정보를 한눈에 모아볼 수 있고, 주문까지 이어질 수 있도록 도와주는 플랫폼입니다.
- 탐색 페이지에서 여러 가게의 주문제작 케이크를 찾아보고, 필터를 통해 편리하게 탐색할 수 있습니다.
- 해당 업체의 공지사항, 가격정보, 리뷰 등을 한눈에 모아 볼 수 있습니다.
- 마음에 드는 케이크의 예약 주문서를 제출할 수 있습니다.
 |
 |
 |
|---|---|---|
| 박가희 | 신재훈 | 서지원 |
| 사용 기술 |
|
| 패키지 |
|
| 배포 |
|
| 컨벤션 |
|
| 협업 |
|
| 디자인 |
|
-
메인 페이지
-
로그인 / 로그아웃
-
회원가입
-
검색
-
에러 페이지
-
케이크 찾기 페이지
-
상품 상세 페이지
- 예약 페이지
-
마이페이지
- 찜한 상품
사용자에게 최신 케이크와 인기 케이크를 보여줍니다. 사용자는 더 알아보기를 통해 케이크 찾기 페이지로 이동할 수 있습니다.
주문 가능한 케이크 목록을 보여줍니다. 사용자는 탭을 클릭하여 카테고리별로 케이크를 볼 수 있고, 맛 필터링을 통하여 원하는 맛의 케이크만을 분류할 수 있습니다. 상품을 클릭하면 상품 상세 페이지로 이동합니다.
해당 가게의 위치와 SNS를 보여줍니다. 케이크 설명 및 가게 공지사항, 맛, 사이즈 표시 등을 모아 볼 수 있습니다. 사용자는 해당 상품을 찜할 수 있습니다. 예약하기 클릭시 예약 폼으로 이동합니다.
예약하려는 상품의 정보를 상단에 표시합니다. 사용자는 픽업 날짜 및 시간을 선택할 수 있고, 폼에서 사이즈를 선택하고 기타 요청사항을 작성하여 제출할 수 있습니다.
예약 내역/찜한 상품/리뷰 관리/정보 수정으로 이루어져 있습니다. 예약 내역과 찜한 상품 탭에서는 사용자의 상품 예약 내역 및 찜한 상품 리스트를 보여줍니다. 리뷰 관리 탭에서는 사용자가 구매한 상품의 리스트가 표시되고 리뷰 작성 기능이 활성화됩니다. 정보 수정 탭에서는 사용자의 개인정보 수정이 가능합니다.
| main | 회원가입 | 로그인 |
|---|---|---|
 |
 |
 |
| search | browse | 상세보기 페이지 |
|---|---|---|
 |
 |
 |
| 예약 페이지 | 마이페이지-예약내역 | 마이페이지-찜한 상품 |
|---|---|---|
 |
| 마이페이지-리뷰 관리 | 마이페이지-정보 수정 | Error page |
|---|---|---|
 |
 |
토글 접기/펼치기
🍰makeAcake
├─ .env
├─ .eslintrc.cjs
├─ .gitignore
├─ .prettierrc.js
├─ api
│ └─ dbinit
├─ index.html
├─ jsconfig.json
├─ netlify.toml
├─ package-lock.json
├─ package.json
├─ README.md
├─ src
│ ├─ App.css
│ ├─ App.jsx
│ ├─ assets
│ │ ├─ fonts
│ │ └─ images
│ ├─ components
│ │ ├─ Buttons
│ │ │ ├─ Button.jsx
│ │ │ ├─ LikeButton.jsx
│ │ │ └─ OkButton.jsx
│ │ ├─ Calendar
│ │ │ ├─ AppCalendar.jsx
│ │ │ └─ styles
│ │ │ └─ StyledAppCalendar.js
│ │ ├─ Card
│ │ │ ├─ Card.jsx
│ │ │ └─ styles
│ │ │ └─ CardStyles.js
│ │ ├─ Checkbox
│ │ │ ├─ Checkbox.jsx
│ │ │ └─ styles
│ │ │ └─ StyledCheckbox.js
│ │ ├─ Footer
│ │ │ ├─ Footer.jsx
│ │ │ └─ styles
│ │ │ └─ FooterStyles.js
│ │ ├─ Gnb
│ │ │ ├─ Gnb.jsx
│ │ │ └─ styles
│ │ │ └─ GnbStyled.js
│ │ ├─ Header
│ │ │ ├─ Header.jsx
│ │ │ ├─ Home.jsx
│ │ │ ├─ Menu.jsx
│ │ │ └─ styles
│ │ │ └─ HeaderStyles.js
│ │ ├─ Layout
│ │ │ ├─ MyPageLayout.jsx
│ │ │ └─ RootLayout.jsx
│ │ ├─ LocationSetter
│ │ │ └─ LocationSetter.jsx
│ │ ├─ Review
│ │ │ └─ ReviewForm.jsx
│ │ └─ SearchBox
│ │ ├─ SearchBox.jsx
│ │ └─ style
│ │ └─ SearchBoxStyles.js
│ ├─ fakeData.js
│ ├─ hooks
│ │ ├─ useHandleMenu.js
│ │ ├─ useHandleSearch.js
│ │ └─ useSelection.js
│ ├─ index.css
│ ├─ main.jsx
│ ├─ pages
│ │ ├─ Browse
│ │ │ ├─ Browse.jsx
│ │ │ ├─ components
│ │ │ │ └─ .gitkeep
│ │ │ └─ styles
│ │ │ └─ BrowseStyles.js
│ │ ├─ Detail
│ │ │ ├─ Detail.jsx
│ │ │ └─ styles
│ │ │ └─ DetailStyles.js
│ │ ├─ ErrorPage
│ │ │ └─ ErrorPage.jsx
│ │ ├─ Login
│ │ │ ├─ Login.jsx
│ │ │ └─ styles
│ │ │ └─ LoginStyles.js
│ │ ├─ Main
│ │ │ ├─ Main.jsx
│ │ │ ├─ MainSection.jsx
│ │ │ └─ styles
│ │ │ └─ MainStyles.js
│ │ ├─ MyPage
│ │ │ ├─ MyInfo.jsx
│ │ │ ├─ MyPage.jsx
│ │ │ ├─ MyReserve.jsx
│ │ │ ├─ MyReview.jsx
│ │ │ ├─ MyWish.jsx
│ │ │ └─ styles
│ │ │ └─ MyPageStyles.js
│ │ ├─ Reservation
│ │ │ ├─ GenerateTimeTable.jsx
│ │ │ ├─ Reservation.jsx
│ │ │ └─ styles
│ │ │ ├─ GenerateTimeTableStyles.js
│ │ │ └─ ReservationStyles.js
│ │ ├─ Search
│ │ │ └─ styles
│ │ └─ SignUp
│ │ ├─ SignUp.jsx
│ │ └─ styles
│ │ └─ SignUpStyles.js
│ ├─ query
│ │ ├─ .gitkeep
│ │ └─ useCustomAxios.mjs
│ ├─ recoil
│ │ └─ atoms.js
│ ├─ routesConfig.jsx
│ ├─ styles
│ │ ├─ GlobalFont.js
│ │ ├─ GlobalStyle.js
│ │ └─ LayoutStyled.js
│ └─ utils
│ ├─ .gitkeep
│ └─ cardLocation.js
└─ vite.config.js
- 노션을 활용하여 기능 명세 작성, 회의록을 지속적으로 공유
브랜치 관리
- 각 팀원은 dev 브랜치에서 feature/세부기능으로 브랜치명을 지정하여 기능별로 개별 브랜치를 생성하여 코드를 작성
- 테스트 후 해당 브랜치를 dev로 merge
- dev 브랜치에서 기능 개발이 완료된 feature 브랜치를 병합
- merge가 완료되면 해당 feature 브랜치를 삭제하여 브랜치를 깔끔하게 관리
- 메인 브랜치(main)를 최종 배포 branch로 사용
- commit 등을 실시간으로 알림 받도록 디스코드를 이용하여 소통
커밋 메시지: Gitmoji 사용
🎉 프로젝트 시작
📝 문서 추가/수정
✨ 기능 추가, 삭제, 변경
🐛 버그, 에러 수정
💄 UI/스타일 파일 추가/수정
🚧 진행중인 작업
👔 로직 수정
⚰️ 코드 정리
🔧 설정파일 추가/수정