Teodor
November 20, 2018, 11:23am
1
Today we'd like to announce our very first Wappler Weekly Challenge winner!
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!
11 Likes
Congrats @psweb . Pretty awesome. Good job.
Well done Paul, great job.
Congrats @psweb … perfect
updates
November 20, 2018, 3:44pm
5
Congrats @psweb
very nice and thank you for explanation. very interesting!
psweb
November 20, 2018, 4:09pm
6
Thank you to everyone for the kind words and support, very proud that so many talented people approve of what i created. Thanks.
@George , am i allowed to enter this weeks too? I might have a strange idea for implementation.
2 Likes
Teodor
November 20, 2018, 4:10pm
7
Sure, you can enter every week
2 Likes
Great job Paul!
Would it be possible for your to present this api project via tutorial video? It would certainly help many of us who are new to using the Wappler api feature.
Thanks for your consideration.
2 Likes
psweb
November 20, 2018, 7:25pm
9
Can’t see why not it was a fairly quick thing to actually do, I would just have to fuzzy out some of my API keys really.
5 Likes
Really nice work Paul and a worthy winner! Really impressive work - keep it up
wld
November 26, 2018, 3:27pm
11
Great job Paul . If you can provide a tutorial on how you did it it would be wonderful.
Thanks for your work.
1 Like