[음식기반 성격 유형] 프로젝트 진행 03
2021년 08월 09일부터 2021년 08월 13일까지 리액트를 통한 프론트 앤드 기능 개발 진행
페이지 구성
- StartPage : 테스트 시작 화면
- QuestionPage : 테스트 질문 및 답변 선택 화면
- ResultPage : 답변 점수에 따른 음식 3가지 결과 화면
진행 상황
- StartPage 기능 구현
- 테스트 시작 기능 : 시작 버튼 클릭시 QuestionPage로 이동
- QuestionPage 기능 구현
- 질문 및 선택지 2가지 화면에 표출
- 선택지 클릭시 총 점수에 해당 선택지 점수 합산
- 선택지 클릭시 다음 질문 및 선택지 화면에 표출
- ResultPage 기능 구현
- 테스트 총 점수에 따른 음식 이름, 설명, 사진 표출
일정
2021년 08월 23일 ~ 2021년 08월 27일 Meterial UI 적용 및 NestJs를 통한 백 앤드 개발
- Startpage, QuestionPage, ResultPage에 Meterial UI 적용
- DB 설치 및 환경설정(MongoDB)
- 질문, 선택지, 음식 데이터 DB 저장
- NestJs를 통한 DB 데이터 호출 해주는 기능 구현