/bakery_front

[특별한 하루 메이커, CAKER] 케이크 주문제작 플랫폼 CAKER의 FrontEnd Repository 입니다.

Primary LanguageJavaScript

🍰 개요

특별한 하루 메이커, 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

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

Group 174

🍰 기술 스택

  • 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",

🍰 와이어 프레임

image