๐จ PLEASE USE https://gcpinstances.info // https://github.com/doitintl/gcpinstances.info
Inspired by ec2instances.info, this is a summary page for Google Compute Engine instances
The grid can be presented by AngularJS using either one of these:
- ng-table.com
- ui-grid.info
- Angular SmartTable
The client code will read (using $http) the scraper/instances.json file and present as it a grid to the end-user
We are going to mainly resemble functionality of ec2instances.info website.
- Filter by Region (as a dropdown above the grid, showing US, EU and AP regions
- Filter by Family (based on distinct values of family filed in json file
- Select Cost Period based on hourly, daily, weekly, monthly and anually (as dropdown above the grid)
- Free text search filter (input field above the grid)
Grid columns should include the following fields from json file:
- vcpu
- memory
- gecu
- linux cost (according to selected region)
- windows cost (according to selected region)
- suse cost (according to selected region)
- rhel cost (according to selected region)
- preemptible cost (according to selected region)
Visual Design The visual design should follow Google Material Design (http://www.google.com/design/spec/material-design/introduction.html)
Layout:
- Top Navigation Bar
- Left Sidebar
- Main Area