leehyjein/35-1st-2sa-living-frontend

박성은, 정억화, 이혜진, 구단희

🏡CASA LIVING Clone Coding

디자인 라이프를 위한 CSLV 가구 스토어 까사리빙을 클론코딩하였습니다😊!

📆제작 기간 및 팀원 소개👨‍💻

2022/07/18 ~ 2022/07/28

• 이번 프로젝트는 프론트엔드 4명(React), 백엔드 3명(django)이 함께 진행한 프로젝트입니다.
• 클론코딩 취지에 맞게 최대한 실제 웹사이트의 기능 및 디자인을 똑같이 구현하는 데에 집중하였습니다.

💻Frond-end

구단희🙎‍♀️: 상품 상세페이지 담당
박성은🙎‍♀️: 상품 리스트, 좋아요 기능 담당
이혜진🙎‍♀️: 로그인/로그아웃, 회원가입페이지, 약관동의 기능 담당
정억화🙍‍♂️: 메인페이지, 마이페이지, 사이드메뉴 담당

💻Back-end

• GitHub 바로가기

🎥Youtube 영상 링크

• 영상 바로가기

🛠Front-end 기술 스택 및 개발 환경

✔🗒️ 페이지 & 기능

로그인, 회원가입 페이지

* 로그인, 회원가입

:JWT를 사용하여 로그인과 회원가입을 구현
:이메일 유효성 검사(알파벳 소문자(az), 숫자(09), 특수문자 @, .을 포함)
:비밀번호 유효성 검사(최소 6자 이상 20자 미만, 최소 하나의 대문자, 소문자, 하나의 숫자 및 하나의 특수 문자
:입력한 정보가 양식에 맞지 않을 경우 사용자에게 표시
:미입력 정보 있을 시 alert창 띄운 후 로그인 및 회원가입 실패
:회원정보 DB에 저장, 회원가입 완료 후 로그인 페이지로 이동

* 약관 동의 기능

: 모두 동의하기 체크박스 클릭시 모든 약관 선택
: 모두 동의 후 1개라도 체크 박스를 해제시 모두 동의하기 해제
: 모든 체크박스가 선택될 경우 모두 동의하기 체크박스 선택
: 필수 동의 사항에 동의하지 않으면 회원가입 비활성화+alert창 출력