Giter VIP home page Giter VIP logo

hh-interview-challenge's Introduction

Helpful Human Applicant Interview Challenge

Welcome to Helpful Human's at home proficiency challenge! This challenge gauges your knowledge on a few different metrics that we use, in part, to evaluate your skills. In this repo, you will find the assets that are required to replicate the design that is also included in this repo. Both .sketch and .png assets are available.

To get started, clone this repo. Add your work to it in whatever structure you prefer, then push it to your own, renamed repo. When you are finished, follow the instructions at the end of this document.

This challenge has different milestones.

Core

Stated briefly, the core goal is to create a simple but functional app that has a data, view and logic layer. The app will display color swatches, and that's about it!

The core goals should be completed in full.

Stretch

The stretch goals can also be met if you choose to do so. Not completing the stretch goals does not disqualify you in any way nor will it lead to a disadvantage in comparison to other applicants.

Bonus Stretch

Bonus stretch goals inherit properties of stretch goals but completing these goals will say to us, "I believe the code I've written for the core goals and the stretch goals is production ready".

Additional Information

An applicant completing a well thought out solution to the core challenges is just as meaningful to us as a solution that completes all goals but is not implemented very well.

If you'd like to implement additional functionality, or change the functionality of this challenge, feel free but be prepared to discuss your reasoning for doing so. We like critical thinking. We don't like improper implementation without reason.

Time

Keep track of how much time you spent on the challenge but also feel free to spend as much time as you want. Your time is very valuable and we are thankful you're taking the time demonstrate your skills for us.

Core Goals

  • Replicate design
    • Font
    • Styles
    • Iconography
  • Replicate functionality
    • Create a database of colors (minimum 100)
    • Paginate your data to show a certain number of swatches at a time
    • Display both the color swatch and the label of the color
    • Ability to select random color and modify view accordingly
    • Clicking swatch changes to color detail view

Stretch Goals

  • Design
    • Make it responsive
  • Functionality
    • Generate color list from a script

Bonus Stretch Goals

  • Design

    • Include interaction design
    • Add tints/shades in detail view
  • Functionality

    • Add search functionality
    • Color generation script guarantees same colors and order
    • Group by color (Make sidebar menu functional)
  • Data

    • Fetch data with GraphQL

Deliverables

In your email submission response to the test invitation from AngelList, please include the following:

  • Link to your repo
  • URL to your hosted App (Use a free hosting service of your choice)
  • Include a Donger that best represents your state of mind when complete

Thanks and we look forward to your submission!

ლ ( ◕ ᗜ ◕ ) ლ

hh-interview-challenge's People

Contributors

canfie1d avatar markgustav avatar karlyweitzel 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.