Assignment 03
Assignment 03
Assignment 03
1. You should create a PIN entry screen in the manner shown in the accompanying
picture. The LMS page has an animated picture. Before beginning the UI
development process, carefully read the instructions.
a. You may disregard the UI's animation feature, but you must adhere to all
other criteria, such as colors, sizes, fonts, etc.
b. Color HEX values of buttons, PIN placeholders, etc. can be identified
using a color picker tool.
c. Font must be Roboto. You should add “Roboto” font to the app before
using it. Once you add the font, ensure it is working. If it does not work
in the final submission, you will not receive any mark allocated to this
part.
d. Appropriate sizes for buttons can be used. But look and feel of what you
develop must be equal to the attached/ animated image.
e. You must implement the in-screen keyboard and must not use the
default Mobile keyboard.
f. Allowed PIN must be 1234. If the user type wrong PIN 3 times, app
should display the maximum attempts reached screen similar to the
animated image (Same colors, font sizes) and count down from 1
minute to 0 seconds. After reaching 1 minutes, again the PIN entry UI
must appear.
g. If user enters the correct PIN, an alert should be visible saying
“Success! App will redirect you to the home now!”.
h. Incorrect PIN colors and normal PIN colors and texts must be the same
to get the maximum mark.
i. Active Opacity of the touchable opacity component should be 0.5.
j. Additionally, marks will be provided for proper Componentization,
States/Props handling, etc.
k. Due date of the Assignment is on 13th of October at 11:59 PM. Time will
not be extended under any circumstances.