Multi step Form Screenshot 1
Multi step Form Screenshot 2
Multi step Form Screenshot 3
Multi step Form Screenshot 4

Multi step Form

Forntend Mentor Challegne


About the Project

An advanced implementation of the classic Frontend Mentor Multi-Step Form challenge, designed to test complex state synchronization and form validation workflows. The application guides users through a multi-stage checkout funnel, including personal information gathering, subscription plan toggles (monthly vs. yearly), add-on selections, and a dynamic final summary page with real-time price calculations. Built using vanilla JavaScript, semantic HTML5, and structured Sass (SCSS), the project features rigorous client-side input validation, responsive layouts across all device breakpoints, and fluid transitions between steps to maximize completion rates and deliver a polished user experience.

Technologies Used

htmlhtml
sasssass
jsjs