PSU
Purecode Step Up

Mobile Learning App Screen - Copy this React, Tailwind Component to your project

A mobile learning app screen displaying an interactive exercise with a clean, minimalistic design. At the top, there's a progress bar showing the user's current progress in a lesson with a label “Đúng sai” (Correct/Incorrect). Below that, the instruction text in green reads “Chọn đúng sai” (Choose correct or incorrect). In the center of the screen is a large card with an image of a man wearing a suit, extending a hand holding a fan of dollar bills. The text at the bottom of the card is divided into two parts: in bold white text, it says "A high paying job," and underneath in Vietnamese text, it reads "Một công việc lương thấp" (A low paying job), creating a contradiction between the English and Vietnamese text. There is also a large yellow hand icon pointing towards the card, indicating user interaction. Below the card are two large buttons for answering: the left button is labeled “Sai” (Wrong) with an 'X' icon, and the right button is labeled “Đúng” (Correct) with a checkmark icon. The screen is designed to prompt the user to identify whether the phrase shown is correct or incorrect, encouraging engagement and learning through interactive decision making.

Prompt
Component Preview

About

MobileLearningAppScreen - Interactive exercise with a progress bar, instruction text, a card with contrasting job phrases, and buttons. Get free template!

Share

Last updated 1 month ago