Matching Request Form

견적 요청 폼 구현

Install & Start

 yarn

install node_modules

yarn dev

execute app in local as dev mode

Structure

src
 ├── components  # each component of a page
 ├── hooks       # custom hooks collection
 ├── pages       # pages component
 ├── store       # state collection
 ├── styles      # style files
 |
 ├── main.tsx    # entry point file
 └── router.tsx  # routes specification file

• store : redux-toolkit(rtk)을 사용하여 상태관리를 진행하였고, rtk에 내재된 redux-thunk를 통해서 API 통신을 구현하였습니다.

Features

• 3개의 페이지 구성

  Home, Form, Result : using React Router

• 체크박스, 셀렉트박스 폼 구현

• 이전 버튼 클릭시 선택한 답변 유지

• 폼에 대한 유효성 검사 → 선택여부 판단

• 제출버튼을 통한 결과페이지 이동

• 결과 페이지에서 폼에서 선택한 결과값 노출

• 결과값에 대한 json파일 만들고 다운로드 기능 추가

  이 기능은 요구 조건에는 없으나, 형식적으로 json파일에 대한 내용의 언급이 있어서 느낌적인 느낌으로 추가해보았습니다. 😇