Robotics day 19- creating my first app

On the 19th day, I started using my coding skills to create an app. This app is only accessible on Android phones. Our first step is to open a website called "MIT App Inventor." This app allows us to create and access our app directly. There are two main sections, which are the designer section and the block section. The designer section is where we design the front part of our app. This is what the images and button look like. In this project, we created a "text to speech" app that turns text into an AI audio voice. I started by using the "horizontal arrangement," which is in layout, and putting the necessary percents of height and width. After this, we add the text under the image and the button. Do not forget to add the "text to speech" component, which is found in the media section. This is the designer section, and then we move on to the block section. This is the backbone of the project, which is the coding part. This was very simple and can be seen in the image below. It basically says that whenever the button is pressed, the text must be read out loud. When we have finished the app, we need to click the "Build" button, which is at the top of the screen. This will start to build the app and give you a QR code to access your new app.