Wappler Weekly Challenge #1

@George, this is just a showcase, I will do a write up on what i did where in a bit.

I unfortunately could not possibly get this video length down further than the 2 minutes, lol, for me that is like the shortest video ever, so hope it’s ok.

Waiting to see who else enters, looks like I might be all alone here.

Replaced Video
Wappler Demo Showcase.mp4 (94.3 MB)

This uses 9 API connections from 3 different API providers. @geoplugin

Write Up -
This is a single page I have created with multiple components and data sources.

Wappler components used:

  1. 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
  2. Geo Location
  3. Browser Component
  4. Wappler Slideshow with dynamic slides from api9
  5. Wappler Select menu with data source of api4
  6. Wappler Date Range Picker with custom date format and data bindings formatter
  7. Wappler Maps with Dynamic Marker Data of api4
  8. 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.

8 Likes