robphoenix

import { InMemoryDbService } from 'angular-in-memory-web-api'
import { Hero } from './hero'

export class InMemoryDataService implements InMemoryDbService {
  createDb() {
    const heroes = [
      { id: 11, name: 'Mr. Nice' },
      { id: 12, name: 'Narco' },
      { id: 13, name: 'Bombasto' },
      { id: 14, name: 'Celeritas' },

robphoenix

/** @jsx jsx */
import { jsx } from '@emotion/core'
import React from 'react'

const Flex: React.FC<{
  as?: React.ReactType
  row?: boolean
  column?: boolean
}> = ({ as: Component = `div`, row, column }) => {
  const flexDirection = row ? 'row' : column ? 'column' : ''

robphoenix

Frontend Challenge

This test will make use of the Bored API. Feel free to read through the documentation to familiarise yourself with it before beginning.

Throughout the challenge, please feel free to:

• ask questions (we're here to help you, not drill you).
• use Google/search engines (you won't be penalised for forgetting some syntax - it happens to us all).
• code in the IDE/development environment of your choosing (using whatever tools and packages/libraries you would usually use in your day-to-day work).

The brief