(Live) Stocks App
Write a “single page” (SPA) app to display live stock data.
The page should looke something like this: (please feel free to use/showcase your creativity).
Data
Your app should subscribe for updates via WebSockets (server url: ws://stocks.mnet.website)
Data Format
Updates (websocket messages) will be provided in the following form:
[ [ name, price], [ name, price] … ]
Each update will contain 0 or more name/price pairs. You may assume that update messages will have no more than 10 name/price pairs.
Example update handler that logs to console:
function handleUpdateMessage(data) {
data.forEach(([name, price]) => console.log(`${name}: ${price}`));
}
Please create a public GitHub repo with your code (including a GitHub Pages branch) to host a demo version of your app.
We will be evaluating the following:
- Code quality, brevity, readability, maintainability, coding standards
- Deployment automation (for generation/updation of github-pages branch)
- (Development) Time taken
- UI quality / choice of graphings libs
FAQ
- You can use any libraries / frameworks / npm packages you want. You can also use plain old JS/jQuery. We’re using React/Redux for most things at the moment, but we’re open to alternatives and will evaluate submissions in any language/framework.
- Use your creativity - feel free to add sparklines, history other UI enhancements as you see fit.
- The server is likely working; if you cannot connect to the WebSocket server think about why this may be and then think of solutions/work-arounds. Please do document your choice.
If you are still stuck, please feel free to contact us (hardikjagda or vishal-cc on Skype).
Bon Chance!