• 식품 판매 사이트를 모델링한 프로젝트 입니다.

---

1️⃣ 팀 소개

1-1. 프로젝트 Front-end/Back-end 소개

마켓컬리 클론 프로젝트

1-2. 개발 인원 및 기간

• 개발기간 : 2023/1/2 ~ 2023/1/13
• 개발 인원 : 프론트엔드 3명, 백엔드 2명
  • Product manager : 하평안
  • Project manager : 김승수
  • 프론트 엔드 : 박예솔, 윤지수, 하평안
  • 백엔드 : 김승수, 김용신
• 백엔드 github 링크

1-3. 프로젝트 선정이유

많은 사람들이 사용하는 사이트로써 다양한 제품을 고객관점에서 유저 친화적인 UI로 표현하고 마켓컬리의 브랜드 가치를 이해하고 유저 중심적 사고를 체험할 수 있는 좋은 기회라 생각하여 선정하게 되었습니다.

---

2️⃣ 서비스 소개

2-1. 서비스 타이틀 및 간단 소개

• 높은 기준으로 선별된 품질의 제품을 낮은 가격, 제품 특성을 살린 가장 좋은 상태로 고객에게 빠른 시간내로 배송, 지속가능한 유통과정을 만드는 것

2-2. 서비스 목표

• 고객에게 최선의 가격으로 최상의 품질의 식품 제공

---

3️⃣ 구현기능 분석

3-1. 기술 스택

• FrontEnd: React, Javascript, Sass, Github
• BackEnd: Javascript, Express, TypeORM, Node.js, Github

3-2. 필수 구현 사항

1. 로그인 페이지 : 윤지수
2. 회원가입 페이지 : 윤지수
3. 메인 페이지 : 박예솔
4. 상품 상세 페이지 : 박예솔
5. 장바구니 : 윤지수
6. 결제 페이지 : 윤지수
7. 마이페이지 : 하평안
8. Nav : 하평안
9. Footer : 하평안

3-3 추가 구현 사항

1. 예솔

• 장바구니 모달창
• 알람 모달창

2. 지수

3. 평안

• 검색 필터 기능
• Nav 카테고리
• 배송지 수정 페이지
• 개인 정보 수정 페이지
• 결제 내역 페이지

---

협업 툴

---

기술 스택

JavaScript	React	scss	esLint	Prettier

---

Reference

이 프로젝트는 마켓컬리 사이트를 참조하여 학습목적으로 만들었습니다.
실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.
이 프로젝트에서 사용하고 있는 사진 대부분은 위코드에서 구매한 것이므로 해당 프로젝트 외부인이 사용할 수 없습니다.