React typeform wizard

This projects is a work in progress base project to create a wizard form with react hook form

Motivation

Show the potential of react hook form for the creation of wizard forms. Also leave a base form builder for programmers to reuse on their projects. In the console I show how the answers are saved.

Documentation

Architecture

Directory

src

├── app
│  ├── form-builder [Based on react-hook-forms]
│  │  ├─ form-components
│  │  ├─ form-sections
│  │  ├─ form-types
│  │  |   └─ type-component
│  │  |   |   ├─ styled.js
│  │  |   |   └─ index.js
│  │  └─ index.js

├── utils
│  ├── stepsData.js [JSON form structure]

Template

The design is based on this template

Images