SAP Build Apps (aka AppGyver) tutorial - Learning how to create a QR Scanner app for free

This SAP Build Apps (aka AppGyver) tutorial will explain how to design an app design into an SAP Build Apps mobile application for free. In the 17th episode, I will make QR-code scanner for Event solution.

--------------------------- 📱 SAP Build Apps product description 📱 ------------------------------------------
Build pixel-perfect web and mobile apps. Create backends with the new cloud functions. Integrate seamlessly with SAP solutions. Co-create with your team. All without writing code.

---------------------------- Subscribe -----------------------------------------
   / @curiositylab_talk  
New Videos every week

---------------------------- Design Assets -----------------------------------------
Meeting details API - https://www.mockachino.com/dedc196a-0...
Meeting participants - API - https://www.mockachino.com/dedc196a-0...
Create your own QR Code - https://www.qrcode-generator.de/


---------------------------- Follow Me ------------------------------------------
Twitter:   / onnobos  
linkedIn:   / onnobos  

00:00 - Intro
00:35 - Start building list screen
00:53 - Remove standard navigation elements
01:07 - Show Empty Screen
01:30 - Creating container structure
03:30 - Set Page settings
04:30 - Build Navigation Part
08:04 - Set data element meeting details
08:52 - Set page meetin details data variable
10:05 - Set flow function for headline
10:30 - Set flow funcion for meeting times
12:30 - Set data variable for participants
13:19 - Set page data variable for participants
14:18 - Set the correct container heights
15:27 - Create participant list item
16:53 - Create profile picture
18:04 - Create participant detail field
18:36 - flow function to create name
20:00 - Create flow function for paid or not
21:28 - Styling the list item
24:09 - Style the profile picture
26:46 - flow function for font color based variable
28:15 - Creating the bottom navigation section
31:59 - Start building confirmation screen
36:28 - Page settings confirmation screen
37:08 - Create app variables
38:24 - Assinging variables to screen elements
39:02 - Building click on camera icon flow
39:48 - Get open drawer compontent
40:48 - Setting the app variables using FIND flow functions
44:01 - Create your own QR Code
45:10 - Test QR Scanner
46:16 - Create check icon for checkin
49:05 - Modify checkin variable using flow function
51:54 - Scan QR code and update checkin
52:59 - Flow function to check if person is checked in
57:02 - Outro

#AppGyver #nocode #tutorial #lowcode