Multi-step Form

This project accepts questions, steps through the questions one at a time, and finally display the result.

It's able to construct complex form validation requirement, and although currently it only supports 'text' and 'select' questions, other types of question should share the similar pattern in code easily.

Demo

https://upbeat-hypatia-60c204.netlify.com/

UI component library

Adapted a bunch of reusable components from my previous side-project that did a similar multi-step form feature.

They reside in src/components.

Third-party library

Formik

Has a helpful multi-step form example as a starting point.

Yup

Used to construct form validation schema.

Build

The build setup that uses Webpack is adapted from my other side-project(private repo).

Here is the main webpack.config.js file.

Here is the webpack-related configuration broken into dev and prod mode.

TODO

• UI/UX polishing
• Offline mode
• Integration testing
• Build a kitchen sink to showcase and document the UI components
• Refine the 'progress bar' behaviour