Code Monkey home page Code Monkey logo

quicken-loans-angular-challenge's Introduction

Brand Marketing Code Test Purpose

This code test is designed to offer you a chance to show off your technical capabilities in a real-world way. The challenge presented here represents a cross-section of the type of work our team is typically accountable for at any given moment.

The Challenge

As a business that is highly dependent on maintaining great communication with our clients, we would like for you to build a basic contact list page /app. In it, you will need to pull data from an existing mock endpoint, render to the page a table that displays all available information, and includes a mock form with basic validation and submit button to add a new contact. As this would be an internal app, it does not need to conform to any existing external brand styles.

Requirements

  • This page should be built out using Angular 7 or above.
  • This page should be fully responsive and mobile friendly.
  • The code for this should be saved to GitHub or similar service (GitLab, BitBucket, etc).
  • The table data should be dynamic and pull it's content from http://demo5838836.mockable.io/contact The form on the page should contain the following fields
  • First Name Last Name Company Email Phone Address
  • The form on the page should display an error should any of the fields be blank.
  • The form should display an error should it not adhere to a standard email format (i.e. [email protected])
  • The form should display a message indicating success when the submit button is pressed and all fields pass validation. On successful submission, the page should serialize the inputs and post the output to console.log().

Evaluation

Once you're happy with your work here, send the link to your repo to your recruiter. They will, in turn, pass that link on to the engineering team for review. From there, the team will evaluate the code based on the following:

  • Feature Completeness: Did the submission meet or exceed the listed requirements.
  • Future proofing: How well will submitted code grow as needs change or evolve?
  • Maintainability: How clean or well organized is the submitted code.
  • Code Quality: Does the code show a strong understanding of the technology?
  • Creativity: Does the submission show novel solutions unique design decisions?

Questions

Should you have any questions, issues, or comments regarding this test, please contact your recruiter and they'll be more than happy to help!

quicken-loans-angular-challenge's People

Contributors

emallove avatar mallove avatar

Watchers

 avatar James Cloos avatar  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.