Part $2-$ Adding the Logic

$($Marks: $100)$

Learning Units $1$ to $3$

At the end of this specific task, students should be able to:

Use core components to create a fully featured user interface.

Use layouts to position components on a user interface.

Apply a colour scheme to a user interface.

Use images in a user interface design.

$($Q$)$ The Independent Institute of Education $($Pty$)$ Ltd $2023$

Page $5$ of $15$

$21$;$22$;$23$

$2023$

Handle text inputs.

Use JavaScript variables to store data.

Handle button presses.

Apply animations to improve user experience.

Use JavaScript to perform actions according to user input.

Navigate between different screens in an app.

Use an if statement to solve programming problems.

In this second part, add the following features to the app:

The app must allow the user to enter the following details of a book:

a$.$ Title

b$.$ Author

c$.$ Genre

d$.$ Number of pages

The app must have a predefined list of genres that the user can choose from.

The home screen of the app must display all the details of the last book that the user read.

The home screen must display the total number of pages read across all the books ever entered.

The home screen must display the average number of pages in the books read by the user.

All the features must work based on data that is stored in memory now. There is no need to store the data permanently when the app, but the data cannot be hard coded anymore.

Note that you only need to store all the details for the last book in memory in this part. The total can be stored in a variable and the number of books in another variable. Then you can calculate the average without having to know the details for all the books.

Create a screen recording with voice$-$over showing all the features of the app.

To submit for part $2$:

A zip file containing all the source code of your React Native project.

A video recording showing the app features in action.

$(0)$ The Independent Institute of Education $($Pty$)$ Ltd $2023$

Page $6$ of $15$