2차 프로젝트 SHOE-KREAM

개발.log·2021년 10월 31일
1
post-thumbnail

SHOEKREAM Project

🎇 팀명 : shoekream - 슈크림

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

프로젝트 선정이유

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

📅 개발 기간 및 개발 인원

🎬 프로젝트 구현 영상

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

⚙ 적용 기술

  • 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 에서 직접 제작한 이미지들로 제작되었습니다.
profile
Think Big Aim High Act Now

0개의 댓글