Multi-step Form

Summary

A multi-step form with validation and state management

Next.jsTailwindcssTypescript
View Live
Multi-step Form

Gallery

Multi-step Form image 1

Project Details

This is a multi-step form built with Next.js, TypeScript, and Tailwind CSS. A user can enter their information, choose a plan and select addons step by step. The form is semi-validated and the user can go back and forth between steps. Context API is used for state management.


This project was my first attempt at building a multi-step form. It helped me learn how to build a multi-step form and how to use Context API for state management.