Add web pages based on existing API
Budget: $750 – $1,500 USD
Add car search feature to the web app. UI design of search box and search results pages has been attached. You need to implement the following items:
1. Car search landing page. see Car-Search-UI.pdf
a. Search results can be queried from API url: api.cargradient.com/car-listings/
b. Seach box by Make/Model will enable users to query search results by choosing
1. Condition(New or Used or All),
2. CarMakers(from api.cargradient.com/car-makers/),
3. CarModels(from api.cargradient.com/car-models/),
4. Distance(5 miles, 10 miles, 25 miles, 50 miles, 100 miles, 500 miles, Unlimited),
5. ZipCode(default is 98052),
6. Price range from $200 to $500,000.
2. Car search results page. see Car-Search-UI.pdf
-. Car search results page will enable grid view and list view and with grid view by default.
-. Each car listing need to have display CarModel, CarTrim, CarYear, CarMaker, Price, Odometer in their grid.
-. Left pane is search filters which let users to further refine search results by selecting Condition, CarMakers, CarModels, CarTrims, CarYears, Location, Price and Mileage, Transmission, DriveTrain, Exterior Color, Interior Color, Fuel Type, Engine, Features(DetailedSpecs) on the search results.
-. When user click filters for Condition, CarMakers, CarModels, CarTrims, CarYears, Location, BodyType, Price, Mileage, app should fetch data from backend API with URL parameters. List of URL parameters are attached(cargradient-api-dictionary
.csv).
-. When users click filters of Transmission, DriveTrain, Exterior Color, Interior Color, Fuel Type, Engine, Features(DetailedSpecs), it filters results from cached result on the front end.
-. check box should enable multi-select and radio box enable single select.
-. Users will be able to sort results by Price, Distance, Mileage.
-. Users will be able to take out certain filters from the top of search results.
-. default view is grid view and also have list view option with larger image.
-. each listing should use images from image_urls from API.
1. Car search landing page. see Car-Search-UI.pdf
a. Search results can be queried from API url: api.cargradient.com/car-listings/
b. Seach box by Make/Model will enable users to query search results by choosing
1. Condition(New or Used or All),
2. CarMakers(from api.cargradient.com/car-makers/),
3. CarModels(from api.cargradient.com/car-models/),
4. Distance(5 miles, 10 miles, 25 miles, 50 miles, 100 miles, 500 miles, Unlimited),
5. ZipCode(default is 98052),
6. Price range from $200 to $500,000.
2. Car search results page. see Car-Search-UI.pdf
-. Car search results page will enable grid view and list view and with grid view by default.
-. Each car listing need to have display CarModel, CarTrim, CarYear, CarMaker, Price, Odometer in their grid.
-. Left pane is search filters which let users to further refine search results by selecting Condition, CarMakers, CarModels, CarTrims, CarYears, Location, Price and Mileage, Transmission, DriveTrain, Exterior Color, Interior Color, Fuel Type, Engine, Features(DetailedSpecs) on the search results.
-. When user click filters for Condition, CarMakers, CarModels, CarTrims, CarYears, Location, BodyType, Price, Mileage, app should fetch data from backend API with URL parameters. List of URL parameters are attached(cargradient-api-dictionary
.csv).
-. When users click filters of Transmission, DriveTrain, Exterior Color, Interior Color, Fuel Type, Engine, Features(DetailedSpecs), it filters results from cached result on the front end.
-. check box should enable multi-select and radio box enable single select.
-. Users will be able to sort results by Price, Distance, Mileage.
-. Users will be able to take out certain filters from the top of search results.
-. default view is grid view and also have list view option with larger image.
-. each listing should use images from image_urls from API.