MBTI_Color

🔥 프로젝트 소개 : MBTI별 좋아하는 컬러

MBTI별 좋아하는 컬러를 설문 조사하는 서비스입니다.

🌐 배포 : https://mbticolor.vercel.app/

---

💼 팀원 소개

박기범 @gibeom0218 메인페이지 (MBTI Color 설문조사 보기) MBTI Color 등록 페이지 MBTI Color 삭제 기능 MBTI Color 수정 기능

---

⭐️ 프로젝트 소개

- 프로젝트 기간 : 2024. 09. 19. ~ 2024. 09. 29.

- 프로젝트 설명

메인페이지 (MBTI Color 설문조사 보기)

• 필터링을 통한 전체 및 MBTI별 좋아하는 색상에 대한 설문조사를 볼 수 있습니다.
• 무한스크롤 기능을 통해 설문조사를 볼 수 있습니다.
• 각 목록 별 수정 및 삭제를 진행할 수 있습니다.
• 버튼을 통해 MBTI Color 등록 페이지로 이동할 수 있습니다.

MBTI Color 등록 페이지

• 취소 아이콘을 통해 메인페이지로 돌아갈 수 있습니다.
• 자신의 MBTI를 선택할 수 있습니다. (EI SN TF JP 중복 선택 불가)
• 자신이 원하는 색상을 아이콘을 통해 지정할 수 있습니다.
• 비밀번호 모달을 통해 자신만의 고유한 비밀번호를 지정할 수 있습니다.
• 버튼을 통해 등록을 할 수 있습니다. (등록 유무 확인 가능)

MBTI Color 삭제

• 메인 페이지에서의 각 목록 선택을 통해 삭제 모달로 이동할 수 있습니다.
• 삭제 버튼을 클릭 시 자신이 지정했던 비밀번호를 통해 삭제를 할 수 있습니다.
• 비밀번호가 틀리면 삭제가 되지않습니다.

MBTI Color 수정

• 메인 페이지에서의 각 목록 선택을 통해 수정 모달로 이동할 수 있습니다.
• 선택한 MBTI를 확인 및 수정할 수 있습니다. (EI SN TF JP 중복 선택 불가)
• 선택한 색상을 확인 및 수정할 수 있습니다.
• 수정 버튼을 클릭 시 자신이 지정했던 비밀번호를 통해 수정을 할 수 있습니다.
• 비밀번호가 틀리면 수정이 되지않습니다.
• 버튼을 통해 수정을 할 수 있습니다. (수정 유무 확인 가능)

---

⭐️ 프로젝트 구성

Tech Stacks

Languages

Styles

Code Style

Framework & Libraries

Version Control

Deployment

Collab.

---

⭐️ Flow-Chart

---

기능

메인 페이지

무한스크롤 + 필터링	수정 삭제 모달
삭제	수정

---

등록 페이지

MBTI 선택	Color 선택
메인 페이지 이동	MBTI 유효성 검사
등록

---