Add an onboarding flow to help new users understand navigation in the app.

[jasmeet0817]

What

• Add an onboarding flow to help new users understand navigation in the app.
• Explanation of the UX mocks

First screen - Country selection

User can select their country here.

Second screen - Image

This is just an image.

Third screen - Product page demo

All elements of the product page are embedded in this screen, the user can scroll up and down.

Fourth screen - Preference selection

This is part of the "Profile page", only the food preferences section. Users can interact with it and set their prefs right on this screen.

Once they are done, the app boots up with the scan screen

Part of

• 🐣 The app should onboard users (Tracker) #561
• Launch Blocking (and nice to have) Smoothie features #655

[jasmeet0817]

@monsieurtanuki on the third page, we need to show product details, do you know of a way to pre-cache the response from the server for a sample barcode. This will help us save an unnecessary roundtrip

[jasmeet0817]

@monsieurtanuki on the third page, we need to show product details, do you know of a way to pre-cache the response from the server for a sample barcode. (Like store the response in a file and read from the file). This will help us save an unnecessary roundtrip

[monsieurtanuki]

@jasmeet0817 You just have to store once and for all the json of this Product in an asset file.
Then create a Product.fromJson - that should be OK I think.

[jasmeet0817]

Cool, thank you. Let me give it a shot