Multi-step Form

A multi-step Reactive Form created with Angular. Responsive at mobile and desktop breakpoints.

Within the form users are able to:

• Navigate through 4 steps and complete each step of the sequence.
• See a summary of their selections on the final step and confirm their order
• View the optimal layout for the interface depending on their device’s screen size
• See hover and focus states for all interactive elements on the page

Built with:

• Angular
• MaterialUI
• Sass
• CSS
• TypeScript/JavaScript
• HTML
• Figma
• Netlify
• Frontend Mentor