jpmerritt / worksample-front Goto Github PK

#High Horse - Front End Challenge.

Prepared by James Merritt.

A work sample mirrors as closely as possible the work you will do every day at High Horse. In this case working with API's and using React and Redux to create flawless products from a style guide. This is our most important tool for evaluating your experience and your professional fit at the company.

At High Horse we work exclusively with startups to create bold, impactful and disruptive digital products. We're looking for engineers who are passionate product makers, who care about creating intuitive and beautful interfaces and of course, lovers of all things javascript. In this challenge you should show us your attention to detail and your ability to write correct, well organised and readable code.

Once you've completed the challenge, commit your code to a GitHub repo and send the link to [email protected] along with your name. We'll get back to you and go through your solution together in a subsequent interview.

The challenge is designed to be completed in 2-4 hours. Whatever you submit should be runable.

##Instructions Note: This worksample can be completed in React Native or in the browser depending on what role you are applying for. For the browser, design the view for a mobile user.

In this exercise, you will use the Hacker New API to fetch a story and its comments and render the results in a provided style.

The API documentation: https://github.com/HackerNews/API

The story id to fetch: 3410773

The style guide:

The app must:

• Fetch the story and comment data from the Hacker News api and store it with redux.
• Render the content and comments using React/React Native in a style as close as possible to the provided screenshot.
• Make the comment threads collapsable and expandable.

For bonus points:

• Pull to refresh (React Native only)
• Responsive (browser applicants only)
• Animate thread collapsing and expansion

If anything is unclear about these instructions, feel free to improvise!

Goodluck!