Aim

Create a Multi Step Form to upload data to a database.

Skills Applied

• The biggest challenge with the project was to maintain the state between renders. I tried using ContextAPI as well as useState and nothing worked even though the code should theoretically. <br/> I continued to do research using AI including discussion the problem with the FEDSA community who had a look at the code and they did not have a solution by our second meetup.Tried React-Hook-Form to manage the state of the form and it worked, yay!!

Architecture

Stack used in the Project

nextjs

typescript

Challenges

• The biggest challenge with the project was to maintain the state between renders. I tried using ContextAPI as well as useState and nothing worked even though the code should theoretically. <br/> I continued to do research using AI including discussion the problem with the FEDSA community who had a look at the code and they did not have a solution by our second meetup.Tried React-Hook-Form to manage the state of the form and it worked, yay!!