Thank you so much for your interest in a position on the Front End Development team at The Wonderful Company. We are very excited to continue our interview process with you!
Below you will find images of a header that contains subnav items. On desktop, subnav items should drop down on hover of the parent nav item. On Mobile the sub-nav should expand and collapse on click events.
We'd like you to build it. Sounds simple right? The layout is easy, heck you could pull up bootstrap and knock this out in under an hour. That is a valid approach but it won't get you very far on this assessment!
The point of this skill assessment is for you to show us what you believe good development looks like. Are you into polish and visual detail? Refine the design, add some finesse. Are you a test fanatic? Show us your TDD process. Love data and multi-tier architecture? Let us see how you redux. Are you a build ninja? Let's see those muscles flexed.
Here are some things we do want to see: How do you layout the project and what tools do you use? How does the project progress? What does the git history look like? Finally how do you handle loose requirements - what you bring to the table? Here are some things we value; performance, reproducibility, testing, accessibility, multi-channel deliverability (SEO, Social, Desktop, Mobile, etc...). You should assume the data is separate from the presentation.
Fork this repo into your github or push it into your preferred git provider and make sure it is open. Fill this otherwise empty repo with goodness. You have 72 hours to submit your completed project.
Please reach out if you have any questions or need further information.
Good luck! We look forward to your response. .
Desktop - Default
Desktop - Active Subnav
Mobile - Default
Mobile - Active Menu
Mobile - Active Subnav
fonts
font-family: Arial
mobile body
font-size: 14px
mobile menu button
font-size: 12px
desktop body
font-size: 12px
Colors
white: #ffffff
black: #000000
gold: #d1a04f
beige: #79766b
dark grey background: #151515
extra dark grey: #202020
dark grey: #353535
medium grey: #323232