Dynamic Shayari App – Shayari App in Kodular / Thunkable / Appy Builder
maxresdefault 2

Dynamic Shayari App – Shayari App in Kodular / Thunkable / Appy Builder

Upon many requests I have created a Shayari app, I have kept it sleek and simple which makes it easy to use and very accessible. Looking at the demo we can see upon opening there is a splash screen which then proceeds to the main screen which has different categories. I have used card view extension here. The cards have category name on them and for the background I used color gradient image edited from Photoshop, you can use any image to your liking. Upon clicking on any of the category we can observe it will take you to the main screen where the poetry is shown in a listed form, you can add any kind of poetry in any language as per your liking. I have kept the design very simple and professional. The upper part has the title of the Shayari and a share button on the upper right which allows you to share the poetry externally. In the middle there is a scroll arrangement which shows the poetry. Since some poetries are long I have enabled the scrolling instead of fixing it to screen except the height. On the bottom you can see the forward and back button. The back button will take to the previous poetry and the forward button will show the next poetry. When it reaches to the end, instead of showing error, it will take back to the first poetry in a cyclic form. The ads have also been implemented in the app, clicking share button will show add and pressing the forward and/or back button five times will show an ad.

                Proceeding to the kodular on the computer screen, you can see that I have used two screens here. The first is for the splash screen. Then there’s a category screen & internet screen. On the splash screen, I have only taken a screen and have given it a label, I have set the font size to 42 and the font style to Roboto Thin. The background color is taken from an image gradient that has been made via Photoshop; you can use any image to your liking. On the category screen, you can see it’s a very simple design consisting of a vertical scroll arrangement. On the internet screen you can see there is a label promoting “you don’t have an internet connection” and a try again button to attempt internet connection. In the block part, we can see when the screen is initialized the timer is enabled true, which we have already taken in 2000 i.e. 2 seconds. When the timer is enabled true it disables the splash screen after 2 seconds and shows a notifier, a web component is taken to check whether it has an internet connection or not, if it does then sets the splash screen and the web screen to false and enables true on the category screen. Then it takes data from the spreadsheet from the named category section. The images in the spreadsheet have been taken from the cloudinary then I have given category names in the next table, in the category section we can see the first table shows poetry, the second shows the number and the third shows date and time (details of which will be given in an admin app). The rest of the categories also have the exact same setting. When it retrieves data from the spreadsheet the response code calls the card view that I have taken which inputs the category screen, gets value from images and sets the button to create an empty list, and dismisses the notifier. After picking the card it gets cell from the spreadsheet and sets the position in the row number and takes the category name from the column itself and takes it to screen 2. In case when the app doesn’t connect to the internet it proceeds on screen1 with error number, sets splash screen and category screen to visible false and sets visible true to internet screen, and calls notifier1 to dismiss. When the Try Again button is clicked it again checks for the internet.                 On the main screen, we can see a simple arrangement; the background image is the same gradient image. I have taken a horizontal arrangement in which I have taken a label that shows category text. Next, I have a button which is the share button whose icon is taken from the uploaded material icon file. Below it is another arrangement, I have given 5% space and then another vertical scroll arrangement below it in which the poetry is shown and also have taken a label within then another space below it and then the next and previous buttons in a horizontal arrangement. In the part of the block of this screen, the internet screen is also been placed here which enables us to show the screen. When the screen is initialized the notifier starts and it checks for the internet connection. If there’s a connection it turns off the internet screen and turns on the main screen and then ads an interstitial ad. I have taken two spreadsheets but the table name is not given because it takes the table name value from screen1. The spreadsheet2 table name will get value from row number 1 and takes a column number. In the ad click block, I have taken a global variable naming it ad click and setting it to 1 and the reason for that is that when its clicked it adds the value +1 to the global ad click, when its clicked 5 times it will show the interstitial ad and again sets the global variable to 1, both the next and previous buttons have this implementation which is combined. The ad is also shown when the share button is clicked, the sharing button allows you to share the poetry text and a self-written description to the app and the apps download link. The back button will show the ad as well.

This Post Has 29 Comments

  1. You should be a part of a contest for one of the most useful websites on the web. I am going to recommend this website!

Leave a Reply