Form validation problem

We've created this exercise to evaluate how developers tackle a real-world problem. If you've been assigned this problem, you should spend around 3 hours working on it. The last thing we want you to do is toil away for days on end!

If you've stumbled across this and want to work at Springload feel free to submit it too. We're always on the lookout for skilled developers.

Problem definition

We'd like you to create a web page with a form on it. The form should have these fields:

• Email must be a valid email address.
• Password must be longer than 8 characters.
• Colour is multi-choice, where only one option may be selected, and the options are Blue, Green, Red, Black and Brown.
• Animals is multi-choice, where multiple options can be selected, and the options are Bear, Tiger, Snake, and Donkey.
• If Tiger is selected then a textbox Type of tiger is revealed. This is a required field.

Technical requirements

• We'd like you to use React. While React may be overkill for something like this, we want to see that you can use it, and to see your approach to tooling (e.g. webpack, vite...).
• We'd like it to look somewhat nice, but it doesn't have to look amazing – we're testing you on your CSS skills, not your design skills.
• Please don't use any styling libraries (e.g. bootstrap, tailwind). All CSS should be written by you.
• It should be accessible.
• We're not expecting the form data to be submitted anywhere, though feel free to add that if you wish.

Finally...

3 hours isn't a long time, so we're not expecting perfection. We want to see what you've prioritised, and for you to explain any compromises.

Submit your solution to the person who sent you the test, or to Springload... send a link to your repo or a ZIP or something like that.

Thanks!