mbti_test
<MBTI를 이용한 유형별 고래테스트>
사용한 프레임워크: <> Java Spring FrameWork, Spring Boot, Spring Security. <> React <> Figma
사용한 DB: MySQL, MariaDB, Redis
사용한 기술 스택 Tomcat, Axios, AWS EC2, Docker, Git
제작기간: 2022-07 ~ 2022-08 (9월이후 유지보수 중)
우측 상단에 햄버거 메뉴를 누르면 사진과 같이 로그인이 필요합니다. 테스트 기록보기. 회원정보 수정. 회원가입. 고래도감이 나옵니다.
[로그인이 필요합니다]를 누르면 위의 사진처럼 로그인 화면이 나오고, ID/PWD 찾기 및 회원가입이 가능합니다.
) 회원가입을 누르면 이름, 아이디, 비밀번호, 이메일을 입력합니다. 이메일은 이후에 비밀번호 또는 아이디 분실 시 찾는데 이용됩니다.
홈화면에 아기 고래 만나러 가기 버튼을 누르게 되면 테스트화면으로 넘어갑니다. 양자택일 방식으로 스토리텔링으로 사용자는 테스트를 진행하게 됩니다.
결과화면 창입니다. 웹화면과 아이폰XR 기준으로 만들어진 동적모바일 웹방식입니다.
단순 테스트를 위함이 아닌, 고래사냥금지 캠페인에 참여할 수 있도록 그린피스 공식홈페이지와 링크연동이 되도록 하였습니다.
테스트는 총 16가지 MBTI 유형으로 버튼마다 각각의 유형의 카운트가 올라가게끔 설계되어 MBTI와 매핑된 고래종류가 결과지로 출력됩니다.
회원의 경우에는 내 결과지의 이미지를 다운로드 받을 수 있고, 햄버거 메뉴를 통해 내가 테스트한 결과들의 히스토리를 조회할 수 있습니다.