Solution for a challenge from Devchallenges.io.
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories. Note: The previous design document may be incomplete, as you need to find an archived version of the challenge as all legacy challenges have had their documentation removed from DevChallenges.
- CodeSandbox - modal with form
- CodeSandbox - locked modal
- Dev.to - react portals
- Stack Overflow - esc key to close modal
- Stack Overflow - click outside modal to close
- YouTube - click outside to close hook
- YouTube - click outside to close
- Blog - forwardRef
- YouTube - detect outside click of a modal
- Stack Overflow - prevent scroll
- Microsoft Forum - default button
- Stack Overflow - first button was triggered when pressing enter when input focused. That caused my guests panel to display. I had the guest section as a button.
- Stack Overflow - detect enter key
- Stack Overflow - prevent users from submitting a form by hitting enter
- Stack Overflow - double borders
- Codepen - button group
- Stack Overflow - overlay
- Idea Base Kent - image overlay
- CSS Tricks - prevent page scrolling