1. (2.0 marks) Create the frome screen m your application. (mer jewery by pressing on a
☑ Kizspy. me brand on this screen.) The data includes: jeName, image, and percent Off (the number as a
percentage, not the decimal value). The percentOff value must stand out on this screen. The
jewelry list should be displayed in descending order by percentOff, filtered by their brand,
from the MockAPI tool. Use Bottom Tabs to switch between 3 screens: Home, Favorite,
and Premiere. Design and arrange this component as well as possible..
2. (0.25 mark) At the Home screen, when you press on the image of the jewelry or the title
of jeName, you will be switched to the Detail screen.
3. (1.0 mark) At the Home screen, use AsyncStorage to implement the favorite list. When
you press the favorite icon on the jewelry view, the jewelry will be added to the favorite list.
Task 3. Implement some actions at the Detail screen.
1. (1.75 mark) On the Detail screen, display all the jewelry's information: jeName (add a
color attribute to the jeName title based on the jewelry's color, using the first color if the
jewelry has two colors), percentOff (displayed as a percentage), image, shipped (show
'Freeship' if shipped is 0, or convert it to VND using the formula shipped * 25,000, e.g.,
130,725 VND), cost (convert to VND using the formula cost * 25,000, e.g., 130,725 VND),
price (convert to VND using the formula (cost + shipped)*25,000, e.g., 130,725 VND),
material, brand, and isStone (display as a star icon for a true value). Additionally, show the
favorite state and allow users to change the favorite state for this jewelry (add or remove it
from the Favorite list). Design and arrange this component as neatly and efficiently as
possible.
Task 4. Implement some actions at the Favorite screen.
1. (0.5 mark) On the Favorite screen, a list of jewelry stored in AsyncStorage is displayed.
2. (1.0 mark) The favorite state of each piece of jewelry or all jewelry can be changed (e.g.,
remove a single jewelry item from the list or remove all) by confirming a notification. The
Zoom
+100%
Close
