Embedable JS Widget - Customisable and Responsive
- or -
Post a project like this$150
- Posted:
- Proposals: 4
- Remote
- #2123415
- Expired
Description
Experience Level: Expert
We provide automotive inventory data in US and Canada via our API.
We have a demo website that you can see here - cars.marketcheck.com and the API documentation is hosted here - apidocs.marketcheck.com
We'd like to build a couple of Javscript based widgets that could be embedded by 3rd parties on their websites / portals.
For starters we'd like to convert the following sections from this page into a widget -
https://cars.marketcheck.com/vdp/1GNEC16Z93J205041
1. Market Comparison
2. Time on Market (Only the dials that show time on market for the current car, local average and national average)
3. Listing History (13 Previous Listings Section)
Requirements -
- You will write Javascript based widgets that others could embed on their web pages
- The widgets once initialised with an API key on the web page will pull data from the API to render inside the its display / view area.
- The API key needs to be secured (as the widget will make calls to the API - anyone can introspect the web traffic from the browser and sniff out the Key, but there has to be a way around this to secure the key so that only authorised clients can call the API)
- The view needs to be responsive in nature so it would work with any screen size, and also fit well with other elements on the web page
- Each widget will have a -
1. Widget Title (that will show up at the top of the widget - left / right / center aligned) with some styling applied
2. Some dynamic input (that could be set in the widget - e.g. to pull history of a car a VIN number is the input to the Listing History widget, to show market coverage the input will be a VIN and a geo-location (latitude / longitude) and the radius from the geo-point
3. Display area - within which the widget will render its content fetched from the server
As a reference you could refer to - https://support.carstory.com/hc/en-us/articles/115002421243-2-Add-CarStory-Inline-Market-Report-to-VDPs
They have a Market Report widget that could be embedded, similar to what needs to be built here.
Once you do these well there are 20 more widgets to be developed further.
We have a demo website that you can see here - cars.marketcheck.com and the API documentation is hosted here - apidocs.marketcheck.com
We'd like to build a couple of Javscript based widgets that could be embedded by 3rd parties on their websites / portals.
For starters we'd like to convert the following sections from this page into a widget -
https://cars.marketcheck.com/vdp/1GNEC16Z93J205041
1. Market Comparison
2. Time on Market (Only the dials that show time on market for the current car, local average and national average)
3. Listing History (13 Previous Listings Section)
Requirements -
- You will write Javascript based widgets that others could embed on their web pages
- The widgets once initialised with an API key on the web page will pull data from the API to render inside the its display / view area.
- The API key needs to be secured (as the widget will make calls to the API - anyone can introspect the web traffic from the browser and sniff out the Key, but there has to be a way around this to secure the key so that only authorised clients can call the API)
- The view needs to be responsive in nature so it would work with any screen size, and also fit well with other elements on the web page
- Each widget will have a -
1. Widget Title (that will show up at the top of the widget - left / right / center aligned) with some styling applied
2. Some dynamic input (that could be set in the widget - e.g. to pull history of a car a VIN number is the input to the Listing History widget, to show market coverage the input will be a VIN and a geo-location (latitude / longitude) and the radius from the geo-point
3. Display area - within which the widget will render its content fetched from the server
As a reference you could refer to - https://support.carstory.com/hc/en-us/articles/115002421243-2-Add-CarStory-Inline-Market-Report-to-VDPs
They have a Market Report widget that could be embedded, similar to what needs to be built here.
Once you do these well there are 20 more widgets to be developed further.
Anand M.
100% (2)Projects Completed
4
Freelancers worked with
3
Projects awarded
45%
Last project
1 Sep 2018
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
these widgets will be chrome plugins?
-
Did you already integrate the api keys on server side or this also needs to be implemented?
Anand M.30 Aug 2018This is only client side work. Request authentication based on the given API key is already done on the server side.
Somdutt G.30 Aug 2018So basically we are passing common api key to access the api via javascript. Althought we will call the javascript but then we have to write a php based script (which will be called) to protect the api key (if that is okay). Also do u have rough wireframe of the screen (u can draw it) to be very sure.
702300701678
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies