Interview: Front-end

Background

This exercise is to test your Front-end skills. In this repository you will find:

1. Project installation that you can setup with the instruction shared below.
2. Link to Designs (PSDs and JPG files): Here.

Installation should configure everything you would need to get started theming based on the PSDs.

Important!!!

• Please avoid using Bootstrap or similar CSS frameworks

Setup Prerequisites

• Node.js
• Browser: Chrome or Firefox
• Text editor: VSCode or Atom

Installation

• Install project dependencies using: npm install or yarn install.
• Install gulp-cli globally using npm install -g gulp-cli.

Development

• Start the server using gulp server. This will also compile assets for you.
• Review the designs shared with you.
• Break the components as per Atomic Design into multiple templates that would be placed in the templates directory.
• Following the same pattern Sass can be broken into partials that can be placed in sass directory. For naming classes follow SMACSS and BEM.

Brownie Points for:

• Showcasing use of CSS Grids and Flex
• Addressing a11y issues
• Keeping things performant

Submission

• Set up your github.com account if you don't already have one.
• Clone the repository
• Push your changes as a public repo in GitHub and submit the link