/28-1st-KurlyFlower-frontend

팀 프로젝트 | 마켓컬리 기반 B2C 사이트 구현 프로젝트

Primary LanguageJavaScript

팀명

Kulryflower

팀원

Frontend : 유호진, 한상일, 이가윤
Backend : 이찬주, 장민욱

프로젝트의 간단한 소개

  1. 마켓컬리 사이트에 대한 클론코딩
  2. 담당 포지션 : 프론트엔드
  3. 진행간 사용 : 자바스크립트 + SCSS + React
  4. 진행간 사용한 협업 관련 툴 : Slack + Trello
  5. 프로젝트 진행 기간 : 2021-12-27 ~ 2022-01-09

배포 완료된 프로젝트 사이트

http://kurlyflower.s3-website.ap-northeast-2.amazonaws.com/main

프로젝트에서 담당한것.

로그인 페이지

  1. input 값이 아무것도 없는 상태로 로그인 버튼 클릭시도할 경우 버튼을 비 활성화함.
  2. 백엔드와의 통신으로 로그인 기능 구현
  3. 로그인 성공시 토큰을 발급하여 프로젝트 내부의 타 사이트에서 사용하도록 함

회원가입 페이지

1.회원가입 기능을 백엔드와 통신하여 구현
2.이용약관 동의 와 관련한 체크박스 이벤트 구현

공용 컴포넌트(Nav + Footer)

1.(Nav) 로고로 중앙에 배치한 글자가 1개씩 나오도록 구현
2.(Nav) 고객센터 클릭시 안보이던 공지사항 , 자주하는 질문 1:1 문의를 보여주도록함

상세페이지

1.메인 페이지 등 상품과 관련된 컴포넌트를 클릭할경우 해당 상품에 대한 데이터를 백엔드에서 받아와서 해당 상품에 대한 정보를 출력
2. -버튼과 + 버튼으로 조절하여 상품의 수량을 선택하도록함
3. 장바구니 담기를 클릭 할경우 2번에서 선택한 수량과 같이 장바구니 페이지로 정보를 전달함.