Today we’d like to announce our very first Wappler Weekly Challenge winner!

This is @psweb with his “Holiday to Dubai” showcase

Here’s a short explanation from Paul, who describes how he created the page:

This uses 9 API connections from 3 different API providers.
This is a single page I have created with multiple components and data sources.

Wappler components used:

API Data Source
a. api1 = geoplugin.net - Main with a base currency set to GBP with noload
b. api2 = geoplugin.net - Extras - Nearby with noload
c. api3 = geoplugin.net - Extras - PostalCode with noload
d. api4 = geoplugin.net - Extras - Nearest Transport with noload, and success load api5
e. api5 = goibibo.com - Flight Search with noload and success load api6
f. api6 = geoplugin.net - Main with base currency set to INR with noload
g. geo1 = success load api1, api2, api3, api4
h. api7 = unsplash.com
i. api9 = unsplash.com with search

Geo Location

Browser Component

Wappler Slideshow with dynamic slides from api9

Wappler Select menu with data source of api4

Wappler Date Range Picker with custom date format and data bindings formatter

Wappler Maps with Dynamic Marker Data of api4

Wappler cards in a Wappler repeat with unsplash.com image data from api7 and Wappler maps with data from api1 and distance bindings from api4

And that is really all there is to it, took me about an hour to make 90% of it work and 2 days trying to get the flight data sorted out.

This uses no custom code at all, everything was done just with Wappler components.

Congratulations, Paul!

Community Page
Last updated: 2018-11-20T11:23:20.676Z