Giter VIP home page Giter VIP logo

interview-test's Introduction

Welcome to the Britehouse Automotive Interview Test

  • Fork this repo to your profile
  • Create a branch with the prefix 'test/' and your name
  • Start the API with Visual Studio, it should open on http://localhost:4201
  • Start the frontend with command line, it should open on http://localhost:4200
  • When you are done, please create a pull request for us to review

API (C#)

  • Refactor the Hero class to implement an interface of IHero.
  • The evolve method on the class should increment all stats of the hero with a multiple of half the original stat value.
  • The post method should read an action parameter which defaults to none if the action is evolve it should evolve the hero and return the hero with its new stats.

Front-end

Angular

  • create new service called 'api'
  • add 1 method to service to get the contacts from the api located at 'http://localhost:4201/heroes'
  • create new component named 'list'
  • in the component, add the api service and get the list of contacts.
  • display the list on the frontend.
  • Columns: name, power, stat(strength), stat(intelligence), stat(stamina)
  • next to each hero should be an evolve button.
  • when the button is clicked, it should post the hero name and action to the relevant endpoint
  • display the updated stats above the table "Hero updated with Stats", replacing the name and the stats

CSS

  • There should be a heading (h2) with the title 'Tour of Heroes'.
  • Add a class called heading to the h2 tag
  • center the heading
  • set the color to blue
  • create 4 color related classes with different font weights and colors and backgrounds.
  • Add a random color class to the list of heroes

interview-test's People

Contributors

stephan-dd avatar dependabot[bot] avatar leonardo99551 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.