rosenholmjohanna/project-survey

Survey form with React

This week project was about creating an survay using react, divide code into components and use state hook.

The problem

The project is not finished and I still have some work to do on the code. Too late I figured out that I have to do changes to the code and the components to make it more clean and useful and make the rerendering of values work better.

Really had struggles with the checkbox (level component), did try different solutions but when running the code it only rerender one option even if user har choosen multiple choises. (before hand in I changed the code so for now input works but not the input value does not show.)

Also had strugles with the progress-stepbar. Tried to build my own whitout sucess, until i relaised there is an progressbar HTML element to use.......... still the styling is on default and I have to figure out how to change design.

Left to do:

1. Use map in components were it's useful
2. Create a new component that collect the total data and HTML instead of in App.js
3. Make checkboxes to work.
4. create a "scroll function" to the webbsite.
5. Design and layout for dektop, tablet and mobile screen.

But overall a very fun project!

View it live

rosenholm-winsurfing-survey.netlify.app