• 국내 대표 차(Tea) 브랜드 '오설록'을 모티브로 한 프로젝트입니다.
• 사이트 선정 이유
  • 처음 프로젝트인 만큼 그동안 배운 지식을 활용하여 e-커머스에 CRUD 기반으로 직접 기능들을 구현해보고 적용해볼 수 있는 사이트를 선정

• 개발 기간 : 2022.08.29 ~ 2022.09.08(11일)

• 프론트엔드 : 유상호, 김정연, 이동호, 이유나 (4명)

• 백엔드 : 김교은, 박지은 (2인)

• 프론트엔드 GitHub

• 백엔드 GitHub

• 팀 노션

📎 dbdiogram 링크

📎 유튜브 링크 - https://www.youtube.com/watch?v=jhNUPFSqefA (약 5분)

• Front-end : JavaScript, React.js, scss
• Back-end : JavaScript, Node.js, Express, bcrypt, JWT
• Database : MySQL
• HTTP : Postman
• Common : Slack, Zep, Notion, Git&Github

맡은 기능

• 로그인

  • 로그인 ui 구현
  • 로그인 api
    • input창에 조건에 맞는 값이 모두 입력시 로그인 button 색 변화기능 구현
    • 유효성검사

• 회원가입

  • 약관동의과 관련되어 필수인 부분이 전부 클릭이 되어야 가입버튼 눌러지도록 구현
  • input 창에 유효성 검사를 통해 조건이 맞게 기입이 되면 안내문구의 색상 변화 기능 구현

• Footer

  • Footer UI 구현
  • 로고 디자인

📎 회원가입 / 로그인 / 상품 상세 페이지 / 리뷰 API
📎 카테고리 / 상품 필터, 정렬 / 상품 리스트 API
📎 장바구니 / 결제 API

• 이 프로젝트는 오설록 사이트를 참조하여 학습목적으로 만들었습니다.
• 실무수준의 프로젝트이지만 학습용으로 만들었기 때문에 이 코드를 활용하여 이득을 취하거나 무단 배포할 경우 법적으로 문제될 수 있습니다.