https://github.com/springload/form-validation-problem
A task for potential Springload developers.
https://github.com/springload/form-validation-problem
interview springload
Last synced: 3 months ago
JSON representation
A task for potential Springload developers.
- Host: GitHub
- URL: https://github.com/springload/form-validation-problem
- Owner: springload
- Created: 2014-04-04T02:43:05.000Z (over 11 years ago)
- Default Branch: gh-pages
- Last Pushed: 2025-03-13T21:01:17.000Z (4 months ago)
- Last Synced: 2025-04-03T01:07:28.321Z (3 months ago)
- Topics: interview, springload
- Homepage: https://springload.github.io/form-validation-problem/
- Size: 21.5 KB
- Stars: 11
- Watchers: 27
- Forks: 76
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.springload.co.nz/) 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!