Mobile App Development

Periodic Table

Learning Objectives

To be able to: 

• To build an app with a bottom navigation bar
   
• To create image links in an application
   
• To add links to an external website 

Download all files from GC

Go to https://x.thunkable.com/login then sign in with your google account

Create a new project

Give your app a name and icon

Add in a Bottom Tab Navigator

Delete Screen1

Name the first tab

Giving tabs an Icon

Giving tabs an Icon

Table Page

Name the second tab and upload the icon called 'table_tab_icon.png

Table Page

Table Page

• Repeat this Process and create the Locations and Quiz tabs
   

• Then create the matching titles
   

• See the slides that follow

Adding an image link

Coding the Image link and return button

The lightest metal. Lithium actually floats on water. It also reacts with water, fizzing and skittering about as it releases Hydrogen gas. It is so soft that you can cut it with a pair of strong scissors. \nAtomic weight: 6.941 \nDensity: 0.535 g/cm3 \nMelting point: 180.54 C

Do NOT remove any of the "\n" from the text as these will add new lines to the paragraph. Don't worry, you won't be able to see these on your app.

Don't forget to code your two new buttons, instructions are on slides 31-38

Adding a website to your app

Copy and Paste the following link into the open link block

https://en.wikipedia.org/wiki/Periodic_table