2차 프로젝트는 kream사이트를 클론 코딩하는 프로젝트입니다.

📌 프로젝트 소개

• 쇼핑몰인 만큼 사이트에서 상품의 이미지를 보여주는 것이 큰 부분을 차지
• 여러가지의 필터 기능이 필수적
• 구매/판매/관심상품을 통해 소비자의 편리함을 구성

✔ 사이트

🎈dream

✔ 구현 영상

🎈유튜브

개발 인원 및 기간

• 개발기간 : 2022/7/11 ~ 2022/7/29
• 개발 인원 : 6명
• 프론트엔드 Github 링크
  - Front-End 3명 : 정진우, 유관희, 손소희
• 백엔드 Github 링크
  - Back-End 3명 : 김예찬, 최수진, 최정훈

✔ 프로젝트 선정이유

• 웹 사이트 중 가장 대표적인 이커머스 사이트를 구현함으로써 데이터 베이스부터 프론트까지 완성도 있는 사이트를 만드는 것을 목표로 함

✔ 적용 기술 및 구현 기능

DB : mySQL, Prisma, DB-diagram
Front-End : HTML, JAVASCRIPT, REACT, SASS, CSS, STYLED-COMPONENTS
Back-End : Node.js, Express.js, Bcrypt, Jsonwebtoken, Kakao Login API
공통 : RESTful API, MVC Pattern, Github, Slack, Notion

📌 구현기능

담당 기능

• 회원가입,로그인 API/소셜 로그인(카카오)
• SHOP 페이지 API
• 제품 상세 페이지 API

✔ User

회원가입, 로그인

이메일을 통한 간결한 회원가입

• 로그인시 토큰 생성 & 유지
• 로그인시 헤더에서 로그인 → 로그아웃 변경
• 로그아웃 버튼 기능 구현
• 회원가입 시 API연동 구현, 토큰 생성
• 로그인시 생성된 토큰을 로컬스토리지에 저장
• 소셜로그인(카카오톡 로그인)

✔ Product

sort

• 인기순/발매일순 으로 정렬하여 40개씩 보여지도록 수현

상품 상세

• 상품 하나에 대해 관련 사항을 모두 보여지도록 구현

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