Work
Development

A multi-step Reactive Form built with Angular.

Pearls of silky soft white cotton, bubble up under vibrant lighting

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
https://github.com/Chanda-Abdul/Angular-Multi-step-form/raw/master/src/assets/screens/desktop-step-1.pnghttps://github.com/Chanda-Abdul/Angular-Multi-step-form/raw/master/src/assets/screens/desktop-step-2.pnghttps://github.com/Chanda-Abdul/Angular-Multi-step-form/raw/master/src/assets/screens/mobile-step-3.pnghttps://github.com/Chanda-Abdul/Angular-Multi-step-form/raw/master/src/assets/screens/mobile-step-4.pnghttps://github.com/Chanda-Abdul/Angular-Multi-step-form/raw/master/src/assets/screens/desktop-step-5.png