Soho House Foreign Exchange Calculator

Thanks for interviewing with Soho House! Please read me before starting to write code 🧑‍💻

Brief

We need to build a foreign exchange calculator so the finance team at Soho House can easily compare live foreign exchange prices from around the world.

The JS team has started this task but we need you to finish it! Have a look around the codebase, and then follow the instructions in the Build Setup section to get the app running.

Some notes:

• Please treat this is as if you were really pairing, so talk your partner through what you're thinking and feel free to ask questions or use google.
• Don't worry about finishing! We'd prefer to see how you work than get everything done.
• If some instructions are a little vague, take it as an invitation to use your imagination and best judgement.
• Making your work look good on screen is a bonus—you'll find the Bulma framework included, feel free to use it if you'd like.

1️⃣ Task 1

On the homepage, you'll find an input field and list of the user's favourite currency. Please complete this functionality so the user can input a value and see that value converted into their favourite currency.

2️⃣ Task 2

Currently we only have dummy data! Please use this free API endpoint to give the user more currencies to work with.

3️⃣ Task 3 (Bonus ✨)

If you click the Add new currency button, you'll find that the user can't actually favourite a new currency. Please complete this functionality so that a user can add a new currency to their favourites.

4️⃣ Task 4 (Extra Bonus 🚀)

The input field on the homepage has a dropdown next to it, but it currently only has GBP in it. Please allow the user to choose from any of the available currencies for their input value.

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# run the tests
$ npm run test

For detailed explanation on how things work, check out Nuxt.js docs.