HighEndy

Solo Project

GitHub 링크

GitHub

주요기능

Home

캐러셀 컴포넌트를 사용해서 메인 베너를 만들었고 그 외에 이달의 패션소식을 하단에 배치해서 구현했습니다. 헤더는 즉시 Navigate 되게 하기위해 Route의 Link컴포넌트를 사용해서 구현했습니다.
gif

Product List

제품리스트는 브랜드별로 쿼리를 만들었습니다. JSON Server의 Route 설정으로 브랜드별 Query를 받아서 해당 데이터를 요청시 Response 줄 수 있도록 구현했습니다.
gif

Product Search

제품 검색은 단어별로 해당하는 단어를 요청해서 데이터로 받아오는 형식으로 구현했습니다. 어떤 단어로 검색했는지, 그리고 검색한 단어가 들어간 제품의 개수는 몇개인지 노출합니다.
gif

리뷰 작성

제품의 구매경험을 작성합니다. 구입한 금액과 내용을 적고 등록 할 수 있습니다. 등록된 리뷰는 수정과 삭제가 가능합니다.
gif

Login 제한

로그인이 되어있지 않다면 제품에 댓글을 달 수 없도록 예외처리를 진행했습니다.
gif

회원가입

간단한 회원가입 기능입니다. 기초적인 Validate 설정이 되어있고 해당하는 부분이 충족되지 않으면 회원가입이 되지 않습니다.
gif