St1VD1TGK9qVnPAg3O7B

QR Craft is separated into 4 milestones that build on each other, each granting 600 XP when submitted on Discord. Every ~2 weeks a new milestone is released here in the members area. The total challenge goes over 2 months.

👉 In the attachments on the right, you can find links to the mockups and requirements for milestone #1.

Submission for Milestone #1:

A valid submission consists of a screen recording showcasing your app's functionality (must match the instructions below) as well as a link to your public GitHub repository.

Instructions for the milestone #1 video for QR Craft - no longer than 90s:

1. Open the app and show the Splash Screen with the centered QR Craft logo.

2. Grant Camera Permission using the in-app dialog and show the green snackbar confirmation.

3. Point the camera at a QR code containing a long text.

4. Show the Loading state and transition to the Scan Result screen.

5. On the Scan Result screen, demonstrate:

   • How the long text is truncated.

   • How the "Show more" and "Show less" buttons expand and collapse the text.

6. Tap the Share button and show that the system share sheet opens.

7. Tap the Copy button, switch to any other app (e.g. Notes or Messenger), and paste the copied text to confirm it worked.

8. Repeat steps 3–4 for:

   • A Link QR code — and tap the link to verify it opens in the browser.

   • A Geolocation QR code — to demonstrate correct type detection and rendering.

9. On the Scan Result screen, rotate the device or use a wider layout to demonstrate the adaptive layout.

🧩 You can find all the required QR codes in the attached files.

💡 Tip for testing in emulator: If you're recording the video from an Android Emulator, you can simulate camera input by uploading a file. Go to Emulator → More → Camera → Add photo and select an image of a QR code to emulate scanning behavior.

Make sure all behavior and visuals match the official mockups.

QR Craft is separated into 4 milestones that build on each other, each granting 600 XP when submitted on Discord. Every ~2 weeks a new milestone is released here in the members area. The total challenge goes over 2 months.

👉 In the attachments on the right, you can find links to the mockups and requirements for milestone #2.

Submission for Milestone #2:

A valid submission consists of a screen recording showcasing your app's functionality (must match the instructions below) as well as a link to your public GitHub repository.

Instructions for the milestone #2 video for QR Craft - no longer than 90s:

• Open the app and show the main screen.

• Tap the Create QR button in the bottom navigation to open the QR type selection screen.

• For the following three QR code types — Text, Link, Contact — repeat the cycle:

  • Tap the button for the selected QR type.

  • On the data entry screen, enter the required valid information into the respective fields.

  • Tap Generate QR Code to go to the preview screen.

• On the Preview screen, show:

  • The generated QR code at the top.

  • A content block with the corresponding data type, displayed using the same rules as on the Scan Result screen (Link with highlight, Text truncated with a Show more button, etc.).

• When generating one of the types (Text, Link, or Contact), return from the Preview screen to the data entry screen, change the values, and generate the QR code again.

• Attach screenshots of the corresponding screens taken on a larger device (for example, a tablet or a device with a screen width over 600dp). The screenshots must clearly show that:

  • On the Create QR screen, the button grid is displayed in 2 rows and 3 columns.

  • On the Preview screen, the content is displayed with a fixed width of 480dp and centered on the screen.

Make sure all behavior and visuals match the official mockups.

QR Craft is separated into 4 milestones that build on each other, each granting 600 XP when submitted on Discord. Every ~2 weeks a new milestone is released here in the members area. The total challenge goes over 2 months.

👉 In the attachments on the right, you can find links to the mockups and requirements for milestone #3.

Submission for Milestone #3:

A valid submission consists of a screen recording showcasing your app's functionality (must match the instructions below) as well as a link to your public GitHub repository.

Instructions for the milestone #3 video for QR Craft - no longer than 90s:

• Open the app and show the main screen.

• Tap the History button in the bottom navigation to open the Scan History screen.

• Show both tabs: Scanned and Generated, each containing at least one item.

• Tap a history item to open the Preview screen. Edit the title and return to History to confirm it was updated.

• From the History list, open at least two different QR types (e.g., one Link and one Text) so that their Preview screens show the correct content display rules.

• Long-press a history item to open the bottom sheet, tap Share, and show that the system share window appears.

• Long-press a history item again, tap Delete, and confirm the item is removed.

• Attach screenshots from a larger device (≥600dp width) showing:

  • Scan History list with centered fixed width.

  • Bottom sheet with centered modal width.

Make sure all behavior and visuals match the official mockups.

QR Craft is separated into 4 milestones that build on each other, each granting 600 XP when submitted on Discord. Every ~2 weeks a new milestone is released here in the members area. The total challenge goes over 2 months.

👉 In the attachments on the right, you can find links to the mockups and requirements for milestone #4.

Submission for Milestone #4:

A valid submission consists of a screen recording showcasing your app's functionality (must match the instructions below) as well as a link to your public GitHub repository.

Instructions for the milestone #4 video for QR Craft - no longer than 120s:

• Open the app and show the main scanning screen.

• Tap the flashlight icon in the top-left corner of the scanning frame to toggle the flashlight on and off. Show that the icon reflects the correct state.

• Tap the image gallery icon in the top-right corner to open the system image picker.

• First, select a file that does not contain any QR code. Show that the app displays the modal message “No QR-codes found” and that it disappears automatically.

• Tap the image gallery icon again and select an image that contains a QR code. Show the loading spinner and the navigation to the Scan Result screen.

• On the Scan Result screen, tap the star icon to add the QR code to favorites.

• Tap the Save button. Then open the Downloads folder and show that the QR code image has been saved there.

• Go to the History screen and demonstrate:

  • QR codes with a star are displayed at the top of the list.

  • All QR codes are sorted from newest to oldest.

• Tap on any history item that is not yet marked as favorite. Show that this item is added to favorites and moves to the top of the list.

Make sure all behavior and visuals match the official mockups.