Skip to content

Instantly share code, notes, and snippets.

@ruswerner

ruswerner/spec.md

Last active February 1, 2020 00:05
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ruswerner/63c358534ceb9fd8874a15c0bf7b00f7 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ruswerner/63c358534ceb9fd8874a15c0bf7b00f7 to your computer and use it in GitHub Desktop.
Download ZIP
Component Design Challenge
Raw
spec.md

Component Design Challenge

The brief is to implement the following modal UI using React and inline styles

Modal

Requirements

  • You may use create-react-app for quick project setup
  • The center part of the modal is scrollable to accommodate multiple restaurant listings
  • You may use styled components or emotion for inline styling
  • Use unicode emojis for the star rating icons
  • Use × for the close icon
  • The modal component should be visually complete, however it is acceptable to pass in logging stub functions for any button action callbacks
  • Upload your solution to a public git repo and send us the link
  • Limit time spent to 1 hour

Criteria

You will be evaluated on the following aspects:

  • Good component architecture
  • Adherence to the design
  • Styling techniques
  • Well-structred and formatted code

Images

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment