Front End Developer Test

A simple test for front end developers

Instructions

1. Fork or clone this repo.
2. Set up a "static" project that includes a basic build system.
3. Using the design located here: https://www.figma.com/file/Zd1qVlL18ozQlrEYsWX5GM/Catch-Design-Front-end-Test?node-id=0%3A1&t=dimpQI98eG4eI53V-1 develop a page using SCSS and a templating language of your choice.
4. Email tech-tests@catchdesign.co.nz with:
   1. A link to your repo OR
   2. A zip file of your project including git config/metadata

Guidelines

1. Your repo needs to include at minimum anything required to build the compiled HTML, CSS and JavaScript (where applicable). Detailed instructions should be provided in the README.md file to setup and run the app.
2. Use best practice.
3. Show us what you're capable of without using CSS frameworks such as foundation, bootstrap, etc.
4. Cross browser compatibility is important.
5. Try not spend too much time on it.

Bonus Points

• Use patterns like BEM, ITCSS
• Accessibility
• Consume dependencies with tools like Bower, NPM and RubyGems/Bundler
• Compile any assets with a build tool like gulp, webpack etc
• Unit and code quality tests
• Include a dev server
• Pay attention to the grid system