Skip to content

Latest commit

 

History

History
63 lines (41 loc) · 2.59 KB

README.md

File metadata and controls

63 lines (41 loc) · 2.59 KB

Front End Skill Assesment

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. .


Assessment Images:

Desktop - Default
Wonderful Desktop

Desktop - Active Subnav
Wonderful Desktop Active Subnav

Mobile - Default
Wonderful Mobile

Mobile - Active Menu
Wonderful Mobile Active Menu

Mobile - Active Subnav
Wonderful Mobile Active Subnav


Style Guide

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