Skip to content

💝프로젝트명 : One more bag [쇼핑몰 클론코딩]

프로젝트 설명 : https://onemorebag.kr/product/list.html?cate_no=45 웹사이트 클론코딩

프로젝트 기간: 22/9/9-15

스크린샷 2022-09-15 오후 1 13 38

FE Github organization - origin2[https://github.com/codingshoppingmall8/FE]

👨‍👦‍👦Team Members

[FE] Hye-rim-Lee, Chae-won-Yoon
[BE] Sun-Hong-Lee, Dong-Ha-Shin, Ha-Young-Kim

⚒Tech Stack

 

💾ERD

image

📃api명세서

링크 : https://nonchalant-sturgeon-21a.notion.site/8-d8cd94d7525843618ebc766da876d5d0

기능 메소드 URL
이메일중복체크 GET api/member/signup
회원가입 POST api/member/signup
로그인 POST api/member/login
카카오 로그인 GET api/member/kakao
메인페이지 가져오기 GET api/post?page=
메인페이지 정렬 GET api/sort_post?page= &sort_method=
카테고리별로 가져오기 GET api/post_category?page=&cate_no=
카테고리별로 정렬 GET api/post_category?page=&cate_n&sort_method=
상세페이지 가져오기 GET api/post/{id}
마이페이지 가져오기 GET api/member/mypage
마이페이지 수정 POST api/member/mypage
장바구니 담기 POST api/member/cart/{id}
장바구니 조회 GET api/member/cart
장바구니 삭제 DELETE api/member/cart
장바구니 전체삭제 DELETE api/member/cart/deleteAll
게시글 등록 GET api/member/cart
게시글 삭제 DELETE api/member/cart{id}

📖기능 구현 List

  1. 회원가입

    • Email 중복 검사
    • Email 유효성 검사
    • PW 및 PW Confirm 유효성 검사
    • 휴대전화 유효성 검사
  2. 로그인

    • Email, PW 입력시 공백 유효성 검사
    • Email, PW 일치 검사
    • Access Token과 Refresh Token을 Cookie에 저장하고 interceptor 사용 모든 페이지에서 로그인 유지
    • 소셜 로그인 구현(카카오) Token을 localStorage에 저장
  3. 마이페이지

    • 회원 정보 수정 (이름, 주소, 휴대전화)
  4. 메인 페이지

    • 상품 카테고리별 정렬
    • Pagination
    • 신상품/상품명/낮은가격/높은가격/조회수 정렬
    • css(스크롤시 헤더 고정, grid, 반응형 웹페이지)
  5. 장바구니

    • 장바구니에 상품 추가, 개별 삭제
    • checkbox 전체 선택, 해제, 선택 삭제
    • 장바구니 비우기 (목록 전체 삭제)

Back) 😡TroubleShooting

Front) 😡TroubleShooting

😥아쉬운 점

Popular repositories Loading

  1. BE BE Public

    쇼핑몰 클론 코딩 백엔드 서버

    Java 1 1

  2. FE FE Public

    쇼핑몰 클론 코딩 프론트

    JavaScript

  3. .github .github Public

    1

Repositories

Showing 3 of 3 repositories

Top languages

Loading…

Most used topics

Loading…