Show us some skill: Vue Portfolio mini-app
To assess your skillset, we want you to create a Portfolio mini-app with VueJS, using the wireframe below as a guide to data and interactivity.
IMPORTANT: Please stop after 4 hours of development. We care more about what you can achieve in this timeframe than the outcome itself.
User story
As an investor, so I can track my Portfolio, I want a tool that can show latest share price for my list of stocks.
- Search stock by name, show results
- Add stock to Portfolio
- Edit quantity of shares held
- Display total values held in a table
- Delete Stock from Portfolio
- Bonus 1: show % of total value in a simple chart
- Bonus 2: change currency for all values
Data API
https://www.alphavantage.co/ - free key available
Search for stocks
https://www.alphavantage.co/query?function=SYMBOL_SEARCH&keywords=tesco&apikey=demo
Get Stock price
https://www.alphavantage.co/query?function=GLOBAL_QUOTE&symbol=IBM&apikey=demo
Currency FX (for Bonus)
https://www.alphavantage.co/query?function=CURRENCY_EXCHANGE_RATE&from_currency=USD&to_currency=JPY&apikey=demo
Rules
- You have used VueJS (v2 or 3) as a baseline. You can also use any other libraries or frameworks you feel comfortable with
- You have spent a maximum of 4 hours on the main tasks. You can go beyond for Bonus if you want to impress us ;)
- This is all your own work. We will ask you to explain your approach in the interview, so there is no point in copying.
- You accept this work is done as part of the interview process, and you expect no payment or any other compensation
Next steps
When you have completed the task, please upload the source code to GitHub (or any other location), and complete the form here.
We will respond to all candidates, no matter the outcome within 2 weeks. If you are successful, we will contact you to a formal and final interview.