🍰 개요

특별한 하루 메이커, CAKER

'CAKER'는 레터링 케이크 주문/판매 플랫폼으로, 레터링 케이크를 주문하고자 하는 구매자와 그에 맞는 서비스를 제공하는 판매자를 서로 연결해주어 기존의 불편함을 해소하고 원하는 케이크 가게를 손쉽게 찾게 해줍니다.

본 프로젝트는 이화여대 커리어 클럽 웹개발 동아리 EFUB의 여름 프로젝트인 🏖SWS(Summer Web Surf)의 일환으로 진행되었음을 밝힙니다.

개발 일정

(2022.03.15 ~ 2022.07.03)

기획 및 디자인 : 2022.03.15 ~ 2022.07.03 개발 : 2022.07.04 ~ 2022.08.06

프론트엔드 팀원 소개

김하은	정다윤	김지원	도소현	최지민
Frontend Lead	Frontend Lead	Frontend Intern	Frontend Intern	Frontend Intern
@harloxx	@dy6578ekdbs	@JiwonKim08	@sohyundoh	@zmin9

🍰 시연 영상 - 클릭 시 링크로 연결됩니다

🍰 기술 스택

• deploy

• Package Manager

• Frontend

• Code Formmater

• ETC  

🍰 실행

git clone https://github.com/Bakery-EFUB/bakery_front
npm install
npm start

🍰 프로젝트 구조

설명

📂 src
├─ 📂 api  ▶️ api 호출 
├─ 📂 common  ▶️ 여러 페이지, 함수에서 사용되는 값
├─ 📂 components  ▶️ 페이지에 사용되는 요소들
├─ 📂 images  ▶️ svg 파일
├─ 📂 pages  ▶️ routing에 따라 rendering 할 페이지
├─ 📂 route  ▶️ 사용자 권한 별 라우팅 제어
├─ 📂 services  ▶️ api 함수 정의
├─ 📂 styles  ▶️ 공통적으로 사용되는 스타일 값 관리
├─ 📂 store  ▶️ 리덕스
└─ 📂 _mock  ▶️ 샘플 데이터

🍰 라이브러리

• axios : "^0.27.2",
• classnames : "^2.3.1",
• moment: "^2.29.4",
• react-dom: "^18.2.0", -react-dropzone: "^14.2.2",
• react-icons: "^4.4.0",
• react-router-dom : "^6.3.0",
• react-scripts : "5.0.1",
• styled-components: "^5.3.5",
• redux: "^4.2.0",
• @reduxjs/toolkit: "^1.8.3",

🍰 와이어 프레임