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]
Let's discuss more about project to finalize the proper scope with estimated cost and time so ping me over the freelancer chat.....I will share some demo as well for recent works if you want to check.
You can also check my profile page as i have around 32% Repeat Hire Ratio..so i work as long term basis...
JSON - 5 API -- everything will be set up as per your needs ---
We just need your FIVE MINUTES to ask few questions.....
Lets start discussing and then working.....sooner the better...
Anxiously waiting for your response.....
Many Thanks......
Asad
We are very interested in this project. I have read your above description and i think its well within our range to execute this is in a good time frame so would you be kind enough to message me so we can have a fast and understanding agreement.
I want to discuss this project with you further, let me know the best suitable time for you to schedule the meeting, Feel free to message me at any time, i used to be online 14 hrs in a day on this website so probably you will get a quick response from my end.
Hello,
I understood the initial scope of this project.
Although i want to discuss further this job in order to
prepare the final concept for this project.
After Complete discussion over the call or in chat, i
will prepare following things for you
- Technical Project Proposal
- Flow chart for this Project
- Execution plan (Step by step procedure with explanation how and at what that we are going to execute a particular task)
My name is Mike and I’m from UK. I work with individual clients and also provide outsourcing services for a number of UK and USA based agencies. Your project description sounds interesting to me and I do have skills & experience that are required to complete this project. I can show you some examples of my work. Please contact me to discuss your project.
Hi,
I have a 8+ years of experience in website development.I understood your requirement and I am confident to do this Job.
100% result guarantee ,high quality, security, expert development with professional source code.
Please check my recent work Portfolio.
https://www.freelancer.com/u/yashwantdhangar.html
Regards,
Yashwant
Hi, Greetings!!!!
This is Manisha with you from Freelancerswebs.
We are much interested in this project. We understand mentioned project details however we want to discuses more for certain things...
Following are our main skills:
•Custom Web Apps Development
•E-commerce Development
•CMS based Website Development
•Mobile Apps Development
•Web & Graphic Designing
•Responsive Web Design
•UI and UX Website
•PSD to HTML5/CSS3 Conversion
•SEO / SMO
Kindly check my Portfolio and My Clients Reviews Below https://www.freelancer.in/u/freelancerswebs.html
Looking forward to work with you.
Best Regards
-
Manisha
Freelancerswebs Team
100% Quality Satisfaction Guarantee with
Unlimited Revision on time.
####################
Pthreeinfotech is an innovative technology and business driven professional services firm. Our talented, dynamic and young professionals efficiently use their technical expertise to enable high end solutions for both web and mobile application development. The entire team serves with diligence to deliver cost effective and interactive design solutions without compromising on quality and definitely upholding client deadlines..
Hello,
I hope you doing very well!
I have gone through the description and would like to provide a quality solution using my 5+ years of professional experience in required skills. (.NET/ASP.NET - MVC, EF, SQL, C#).
Awaiting for your positive response so we can have final talk and start project immediately :)