Multi-Step Form

React JS

Project

Overview

The Multi-Step Form is a frontend challenge from Frontend Mentors, with a dificulty level of "Advanced". This project was built with React Js for Javascript framework, Tailwind Css for styles, React Hook Form for form validation and Framer Motion for the subtle animations. This project was a little bit challenging, but definitely worth the effort. The form values at each step were being stored in the local storage to save progress, but once a user reaches the final step, the local storage is cleared. For effective State Management through out the project, the React UseContext hook was used.

Technologies

React Js

Tailwind Css

Framer Motion

React Hook Form

UseContext for State Management

Back