Thank you for taking the time to take part in this coding assessment. Instructions are listed below, and if you have any questions, please email [email protected] directly. Please remember to be mindful of attention to detail with your build and the mockup provided.
- Build a fake website using
mockup.png
as your guide. The style guide is located inStyleGuide.png
. - Use Next.JS, React and components as best as you can. Do not use
create-react-app
but rather set everything up from bottom-up - Use Styled-JSX for your css
- No mobile mockup is provided, how do you think this mobile site should look and function like?
- Imagine a secondary page, how would you think that looks like? How would you route pages from point A to point B?
- When you are done, please upload your code on GitHub and email the repository link to [email protected]
Every other assets are located in the assets
folder and fonts are located in fonts
.
For the video section of the site, use this API source as your video. You do not have to build a video player, but you can open the link to Vimeo itself.
For every item in this json file, render the video section. Use the thumbnail that is provided in the API response if you can.
Vimeo Videos api (or use videos.json in the zip):
https://vimeo.com/api/v2/channel/staffpicks/videos.json