Multi-step Form

A service subscription progressive form made with Svelte framework

Frontend Mentor - Multi-step Form

This is a solution to the Multi-step form challenge on Frontend Mentor.

Screenshot

Links

• Source URL: https://github.com/LiyanNguyen/multi-step-form-svelte
• Live Site URL: https://capable-longma-50a256.netlify.app

My Process

• Create the project using Svelte framework
• Design the Viewports correctly first using the right components
• Build the logic of the App using svelte component props
• Test and Finalize the project

Built with

• Svelte framework
• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I Learned

• More svelte
• Svelte technique of using window.setTimeOut() to add the classes after component render to play natural animations

Author

• Website - Liyan Anajao
• Frontend Mentor - @LiyanNguyen
• Twitter - @LiyanAnajao

Acknowledgments