2023_2_WEB8

프로젝트 소개

<주요 기능>

"내 피부에 맞는 화장품 성분 추천"
"뷰티 커뮤니티 운영"
"개인이 쓴 제품 기록 공간 MY PAGE"

: 나의 피부에 필요한 화장품 성분을 추천해주는 웹 사이트 skinfor
리뷰와 랭킹 확인 가능.
나에게 맞는 화장품을 더 쉽게 발견할 수 있음.
skinfor에서 운영하는 커뮤니티에서는
피부 고민이나, 뷰티 관련 다양한 이야기들을 나눌 수 있음.

MY PAGE에서는 내가 쓴 제품을 기록해서 한 눈에 볼 수 있는 기록 공간 마련.

기능

역할

• 김균호 : 프론트 + 백
• 임가은 : 프론트
• 정희진 : 프론트

개발 환경

• 프론트 : HTML, CSS, JS + React
• 백 : Firebase
• 협업 : GitHub, Notion, Figma

구현 기능

1. 피부 타입 별 화장품 추천
   1. 특정 성분 포함된 화장품 추천
      1. 필터 (nav) : 피부 타입 (건성, 지성, 민감성)
      2. 분류 (list) : 별점순, 인기순(즐겨찾기), 가격
   2. 화장품 리뷰 작성
   3. 즐겨찾기 기능

2. 커뮤니티
   1. 피부 고민 상담 게시글 업로드 및 삭제
   2. 좋아요, 댓글

3. 마이페이지
   1. 내가 작성한 게시글, 댓글 보기
   2. 즐겨찾기 모아보기
   3. 회원 정보 수정

4. 회원가입
   1. 아이디
   2. 비밀번호
   3. 닉네임
   4. 피부타입 (건성,지성,중성,모름)

배포 링크

https://main--skinfor.netlify.app/main