/react-multi-step-form

State management across multiple steps animated views

Primary LanguageJavaScript

React Multi Step Form

An animated multiple step form.

Demo

multi-step-form

React skills used in this app

  • React layout routes w/ Oulet
  • React contexts w/ useContext()
  • React state w/ useState()
  • React router programmatically navigate w/ useNavigate()
  • Framer Motion animations
  • Form handling w/ useForm()
  • Form schema validation w/ Yup

Tech Stack

Client: React, TailwindCSS, Framer Motion, React Router, React Hook Form, Yup