SHOEKREAM Project

🎇 팀명 : shoekream - 슈크림

의류 경매 서비스를 제공하는 KREAM을 모티브로 제작하게 된 SUN-KREAM 팀의 프론트엔드 레포지토리 입니다.
짧은 프로젝트 기간동안 개발에 집중해야 하므로 디자인/기획 부분만 클론했습니다.
개발은 초기 세팅부터 전부 직접 구현했으며, 백앤드와 연결하여 실제 사용할 수 있는 서비스 수준으로 개발할 수 있도록 2주간 고군분투 하였습니다.

프로젝트 선정이유

• 조사결과, 해당 사이트의 경매 입찰 기능과 결제 플로우, 차트 구현, 상품리스트 필터 구현 등 배울 점이 많다고 판단하여 선정하게 되었습니다.

📅 개발 기간 및 개발 인원

• 개발 기간 : 2021/10/18 ~ 2021/10/29
• 개발 인원
  
  👨‍👧‍👦 Front-End 4명 : 김현진, 박산성, 이선호, 하상영
  
• Front-end github 링크
  
  👨‍👧‍👦 Back-End 3명 : 박치훈, 양가현, 송영록
  
• Back-end github 링크

🎬 프로젝트 구현 영상

• 🔗 [영상 링크] : 추후 재업데이트 예정

⚙ 적용 기술

• Front-End : HTML5, Styled Component, React, JSX
• Back-End : Python, Django, MySQL, jwt, bcypt, AWS RDS, AWS EC2
• Common : Git, Github, Slack, Trello, Postman or Insomnia

🗜 데이터베이스 Diagram(클릭 시 해당 링크로 이동합니다)

💻 구현 기능

FRONTEND

김현진

메인 페이지

• 메인 레이아웃구현
• React-slick 라이브러리 이용 및 CSS 커스터마이즈 슬라이더 구현
• 메인 상세페이간 이동 구현
• Nav/Footer/ 검색창 레이아웃 구현
• 검색창 모달 구현
• localStoragies 저장을 통한 최근 검색어 구현
• 검색어 중복제거 기능 구현
• 검색창 keyword backend와 동적통신
• 검색어와 상세페이지 이동 구현

박산성

이선호

하상영

❗ Reference

• 이 프로젝트는 KREAM 사이트를 참조하여 학습목적으로 만들었습니다.
• 이 프로젝트에서 사용하고 있는 사진 모두는 copyright free 사이트들의 이미지들을 취합 및 canva 에서 직접 제작한 이미지들로 제작되었습니다.