Design/Build a Website/App using 5 API endpoints

Overview. The website/app will allow JSON file uploads containing linux server performance data; the backend will collate and represent in a simple single page webapp. I’m have decided to try freelancer to find a skilled designer/developer to give the site a visual presence whilst I take care of the back end. Skills required - Site design - Vue.js (must have ) - html5 - css - [login to view URL] ( knowledge only) - nodejs/expressjs ( knowledge, as the backend is already done ) Must be available on skype. Links to previous work beneficial Deliver - Single page app ( using vue.js ) that consumes 5 API endpoints /v0.1/:id/menu /v0.1/:id/info /v0.1/:id/:metric /v0.1/:id/:metric/:lvl1 /v0.1/:id/:metric/:lvl1/:lvl2 - / - home page - /upload – drag drop json file to upload ( POST to /upload ) - 404 page - Create favicon - Custom or bootstrap CSS or fauxton css Milestones 1. Agree site design/layout ( show mockup ) 15% 2. App created with initial dash view ( info/menu api call ) 20% 3. App showing one metric view ( metric api call ) 25% 4. App showing multiple metrics. 15% 5. Completed – all files delivered 25% User flow A user will POST JSON date to [login to view URL] or via GET /upload page ( a direct POST using curl from a linux VM will most likely be used ) Example: curl -d @[login to view URL] [login to view URL] -H "Content-Type: application/json" This will return a unique url [login to view URL]:id [login to view URL] f4fff463e8bab61791b1e481d9719a5b This link will redirect to [login to view URL] ( or similar ). [login to view URL]:id This page will send 2 requests - [login to view URL]:id/menu - [login to view URL]:id/info Test data [login to view URL] Test data [login to view URL] The data returned from these requests will build the apps menu ( left hand side ) and the apps dashboard ( main view ). The metric menu should be an accordion as each selection could have 0 to 2 levels. The JSON returned shows the levels. The menu should show an icon if it can be expanded to show the metric items beneath. Cpu (+) - or similar --- 0 --- 1 --- all When a metric is clicked a request to [login to view URL]:id/:metric is made. Using the above menu example, clicking “all” would make a request to [login to view URL]:id/:metric/:lvl1 [login to view URL] The returned data is turned into a metricgraphicsjs chart and presented in the main view. Example ( very hacked together ) html for cpu and load metrics supplied. Each metric will display 1 to 3 charts. Rough layout file attached, google couchdb fauxton as this “chunky” style is what I’m looking for, main colour blue. Open to other style colour suggestions. See the kSar screenshot – as this is what I’m aiming to recreate in a webapp. For more test data see [login to view URL]