🙌 Thank you for participating in this quest! Are you ready for an adventure? Let's get started!

Why do we have quests? We use them to:

1. To understand your skill level and how you approach tasks. We want to make sure that you have the core skills to set you up for success as a future uizard 🧙, while still giving you plenty of room to take on challenges.
2. For you to decide if it’s the right role for you. It’s important to us that you’ll love what you’ll do and be able to explore new ideas and opportunities.

✅ Instructions for Your Quest

1. You have 48 hours to complete the challenge starting from when you receive this document. Please note that a solution to this challenge can be implemented in 1 or 2 hours. We want to give you more time to make this fun and not stressful. 🙂
2. Hand-in the challenge by sending a zip-file (without node_modules folder) to [email protected].
3. After you hand in the challenge, we will review your submission and get back to you with next steps.
4. Quest accomplished! Go celebrate 🎉

⛰ Quest: Hacker News Reader

Overall Context:

You’re building a simple Hacker News (https://news.ycombinator.com) clone. The app will fetch data from a public JSON API endpoint and display it in a simple viewer.

The viewer should have two panels; a left pane showing the top 10 stories; and a right panel displaying a preview of the selected story using an iframe. When a user clicks a story in the left panel, the right panel should switch to the selected story.

Please refer to this simple interactive mockup made in Uizard to illustrate this:

uizard

Packages:

It’s expected that you use the following packages to implement the solution. You’re welcome to install and use additional packages.