AppGyver tutorial Part 1 - creating a to-do list saved in local storage

This AppGyver tutorial will explain how to design an app design into an AppGyver mobile application for free. In the 15th episode I will build two screens. In the next episode I will add abbility to store to-list items in local storage.

The AppGyver tutorial is using 2021 style and theme features.

What is AppGyver? AppGyver is a no-code app development platform that lets you build free app without dealing with complex coding. You can produce applications for mobile forms, data collection, and even for managing workflow automation. AppGyver lets you build an app for free.

As application development is getting more complex with every new technology and feature, most businesses cannot have a mobile app.
AppGyver is that platform that takes care of this issue by providing a development environment where you do not need to learn any programming languages.

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

---------------------------- Design Assets -----------------------------------------
Anggit Yuniar Pradito - https://dribbble.com/anggityuniar

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

00:00:00 - Start
00:00:09 - Introdction video
00:00:35 - Start building the app
00:00:41 - Design Explained
00:00:58 - Set page margins Overview page
00:01:51 - Set background color
00:02:28 - Remove the navigation
00:02:56 - Set up container structure overview screen
00:04:47 - Create Headline Text section
00:05:53 - Create round profile picture
00:13:07 - Create progress section
00:17:14 - Import progress component from market place
00:17:34 - Customize progress bar
00:24:02 - Create info section
00:24:25 - Upload picture
00:28:40 - Duplicate info boxes
00:30:33 - Display info section on phone
00:31:54 - Rounded bottom section
00:33:29 - Start creating your tasks section
00:37:02 - Create Plus button
00:39:30 - Create To do list item
00:40:58 - Create check complete circle
00:47:16 - Create to do list item details
00:51:50 - Show todo list item on Iphone Screen
00:52:32 - Change margins between the components
00:54:28 - Show design reminder for create item
00:54:33 - Start creating the do item screen
00:56:12 - Set up the basic structure of the add item sceeen
00:57:03 - Create back button
00:59:12 - Set flow logic for back button
00:59:30 - Set flow button to navigate to next screen
01:00:30 - Create the circle and icon for title section
01:04:39 - Set round top of the bottom section
01:05:47 - Create form section
01:07:07 - create add task button
01:07:27 - Get icon plus text from the market place
01:07:37 - Setup the button with icon
01:09:36 - Add the title of form
01:10:47 - Create input component labels
01:11:57 - Create task name input component
01:16:27 - Create time input component
01:19:39 - Create category component
01:25:08 - Convert component to custom combined component
01:25:50 - Set custom component input parameters
01:26:20 - create variable color based on input parameter
01:28:34 - Show add task screen on Iphone
01:29:00 - Finetune add task screen
01:30:30 - Outtro
#AppGyver #nocode #tutorial #lowcode