Browser app

What’s a browser?

You can access any location on the internet using a web browser. Data that is retrieved from other websites is shown on your computer or mobile device. The Hypertext Transfer Protocol, which explains how text, pictures, and videos are shared on the internet, is used to transfer the data.

Photo by Richy Great on Unsplash

Web browsers are programs used to access websites. The browser gets the page’s files from a web server and renders the page on the user’s screen when they request a web page from a certain website. Although they are sometimes misunderstood, a web browser and a search engine are not the same things.

Popular online browsers include Apple Safari, Google Chrome, Mozilla Firefox, and Microsoft Internet Explorer.

Photo by Brett Jordan on Unsplash

Today we’re going to make an app that will be able to help you to visit any website. We’re going to do this with the help of Thunkable.

First, we’ll do the designing part in a step-by-step manner:

Design

Photo by Jess Bailey on Unsplash

1. Add 2 screens — Main screen and Browser screen

Main Screen

1. Add a column
2. Add an image (Welcome GIF)
3. Add 3 rows below the image
4. Add 2 buttons in each row (One in the last row and put images of different websites on each button and give a name to each button respectively)

Browser Screen

1. Add a column
2. Add a row
3. Add a web viewer below the row
4. Add a text input in the row
5. Add a button in the row

Coding

Photo by Kevin Ku on Unsplash

Main Screen

1. Add a initialize app variable URL to null
2. Add when button _whatever website you’ve chosen_ clicked: “set app variable URL to https/_thewebsite you’ve chosen_” and “navigate to browser screen”
3. Repeat this for all the buttons you’ve created

Browser Screen

1. Add when button clicked: “set web viewer 1’s URL to text input 1’s text”
2. Add when the browser screen opens
3. Add if, do block
4. If: “app variable URL ≠ null” do: “set web viewer 1’s URL to app variable URL”

Thanks for reading. Please clap for me!