Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Multi page form with Typescript, React, Tailwind

@ljjackson

Desktop design screenshot for the Multi-step form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


The main point of me building this solution was to improve my knowledge of Typescript and React.

I'm completely new to both of these technologies, I'm mainly a backend developer (Laravel) and I've been using Vue.js for a number of years and felt it's time to improve my knowledge of frontend technologies, I used Next.js as the base install, however the functionality that I used from the framework was minimal, this was probably a bad choice.

I'm going to redo this using Styled Components and take on board any feedback anyone has.

Questions, queries, help

  • Structuring the project, where do interfaces, types which are used throughout the project live?
  • Taking a mobile first approach, I built the project with desktop in mind and then plumbed the mobile - I need to work on using mobile first.
  • Have I missed out any best practices, packages that could have made my life easier?

Any feedback is greatly appreciated!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord