Shrine e-commerce app (Flutter)

Use the Shrine app example to see how you can add an intelligent voice interface to an e-commerce app built with Flutter and Dart.

../../../_images/flutter-shrine.png

App source code

The app source code is available on Alan AI GitHub. To use the code example:

  1. Clone the repository to your computer.

  2. Explore the app in the IDE and run it.

  3. In the app, tap the Alan button and say:

    • Show accessories

    • Order stella sunglasses

    • Checkout

Where to find the code?

To understand how the voice assistant works, refer to the following resources:

  • ShrineApp/lib/app.dart: here you can find the main voice assistant logic implemented in the client app: the code for the Alan button, handlers and client API methods.

  • In Alan Studio, add the Example: Flutter Shrine sample project. Here you can find the voice scripts used for the Shrine app.