Submission By Masooma Bakhshi

Technolgies used are HTML 5, CSS 3, ECMA Script 6, React.js 16.0.0, CSS Grids, Babel 6.26.0, WebPack 3.6.0, Webpack loaders and Webpack server 2.9.1.

Development Setup

install dependencies: npm install Run server: npm run dev

Production Setup

npm run build

Carter FED Test

Code test for potential Carter front-end developers

The challenge:

Use a heady combination of front-end technologies to produce the card grid layout in /CardGrid.jpg (don't forget to make it responsive). All the content for the cards is in a .json file - read from this to output your cards onto the page.

The JSON can be found here - http://prototype.carter-dev.net/fed-test/items.json

You can use a framework if you like but avoid plugins - no need to change your style, just code how you normally would.

If you have time, apply some nice hover style to the cards, whatever you like.

Comment where needed.

Feel free to ask questions.

Notes

Fonts

Open Sans - weights: 400, 600, 700 Available on Google Fonts

Icons

Arrow & document SVG files are provided in the /svg directory