Overview

For someone long enough in the Flutter community, it is hard to miss the Wonderous App, a beautiful App built by the talented folks at GSkinner 🔗. This is a great example of a content-rich app showcasing wonders around the world with slick animations.

As you know, the Vyuh Framework was designed to work well with Content of all kinds, especially where the CMS-hosted Content becomes the centerpiece of your experience. The Wonderous App fits perfectly with this idea, and we decided to rebuild it using the Vyuh Framework.

A variety of features from the framework are at play:

1. Custom content types
2. Custom documents with configurable section-based rendering
3. Navigation between pages and templated routing
4. Custom actions
5. API integrations with Unsplash
6. Google Maps integration
7. YouTube player

These set of posts will walk you through how it was built and the various choices made to reimagine the experience with Vyuh.

Table of Contents

Distilling Wonderous

A Schema-first Approach

Navigation and Structure

Rendering a Wonder-section

Managing Wonders

Let’s get going.

Note

Disclaimer

All assets used in building this version of Wonderous, are the property of GSkinner. We have used it with no intention of creating or promoting this app on the App Store / Play Store. It is purely a technical exploration to demonstrate the abilities of the Vyuh Framework.

Read the Code

See the code for the example on Github: Wonderous 🔗