Complete recommendation phase I

- complete put and fetch from the datastore
- render top 10 recommendation in both table and card views