Mobile StructureZ | Build Production-Ready Mobile Shiny Apps | AthlyticZ
Mobile StructureZ
Build Outstanding Mobile Apps with Shiny
Think Shiny is not suitable for mobile? Think again. Learn to craft native-like, installable mobile apps with shinyMobile under Veerle Eeftink - van Leemput — co-developer of shinyMobile v2 — with expert guidance from its creator, Dr. David Granjon.
PWAsshinyMobile + Framework7Modular JS & CSSApp Store PrepWomen's Basketball Capstone
7 Sections43+ Lessons20+ QuizzesCloud VMs Included
Official Partner
Every student gets access to enterprise cloud virtual machines, directly through the AthlyticZ Academy LMS.
Our Open Source Story
AthlyticZ Proudly Funded the Rebuild of shinyMobile v2
Responsive, mobile-first frameworks are becoming essential for data teams building iOS and Android experiences. We believed in that future — so we invested in it.
AthlyticZ funded the complete redevelopment of shinyMobile under the updated Framework7 infrastructure. Dr. David Granjon — the original creator and author of Outstanding User Interfaces with Shiny — led the architecture. Veerle Eeftink - van Leemput co-developed v2 alongside David, bringing her production engineering expertise to every component.
The result: a state-of-the-art mobile framework for R — with modern navigation, touch-first components, PWA support, and the polish employers expect from production apps. The tools you learn in this course are the very ones we invested in to advance the Shiny ecosystem.
Layouts break, elements feel cramped, and users bounce before they get value.
Native-like polish
Framework7 patterns, touch-friendly components, and motion that feels at home on iOS and Android.
Ad-hoc JS/CSS that cannot scale
One-off snippets accumulate. No bundling, no versioning, no repeatable module pattern.
Production pipelines
Modular JS/CSS, npm bundling, CI/CD hooks, and package-level components you can reuse.
"It works locally" but stalls in deployment
No PWA plan, asset strategy, or app-store prep. Performance regresses under load.
Deployed with confidence
Installable PWAs, caching strategy, secrets management, and real app store distribution.
Your Instructor
Veerle Eeftink - van Leemput
Co-developer of shinyMobile v2 • Founder of Hypebright
“Responsive frameworks are becoming essential. The learning starts when you build something real — something that has a story. By the end, you will have a mobile app that tells a story stakeholders love.”
Veerle co-developed shinyMobile v2 with Dr. David Granjon, rebuilding the package under updated Framework7 infrastructure. Her production engineering expertise shaped every component — from touch-first navigation to modular JS architecture and PWA integration.
Creator of shinyMobile and author of Outstanding User Interfaces with Shiny. Lead Shiny engineer at cynkra. David designed the architecture of shinyMobile and provides expert guidance throughout this course.
The Full Curriculum
From Framework7 to the App Store
7 sections. 43+ lessons. 20+ quizzes. Click any section to see every lesson.
I
Phase I • Mobile Foundations
Understand Mobile-First Shiny Development
2 sections • 6 lessons
Meet Dr. David Granjon, understand why mobile matters for data apps, explore PWAs vs native, and learn to simulate devices for reliable testing.
01
Introduction to the Course
3 lessons
Making Outstanding Shiny Apps
Introducing Outstanding User Interfaces by David Granjon
Prerequisites and Course Structure
02
Introduction to Mobile Development for Shiny
3 lessonsFree Preview
Native Apps and Their Challenges
Introduction to Progressive Web Apps (PWAs)
Simulating Devices
Why Mobile Matters
Employers Want Apps That Work Everywhere
Data teams that can only ship desktop dashboards are leaving impact on the table. Executives, coaches, analysts, and field workers need data on their phones — not at their desks. This phase teaches you why mobile-first thinking changes everything about how stakeholders experience your work.
II
Phase II • Behind shinyMobile
Master the Framework Under the Hood
1 section • 10 lessons
The deepest dive into shinyMobile architecture: Framework7 fundamentals, HTML dependencies, layouts, theming, R→JS configuration, modular JS patterns, and custom message handlers.
03
Behind {shinyMobile}
10 lessonsFree Preview
Introduction to Framework7
Setting up {shinyMobile}
About HTML Dependencies
Framework7 Layouts
App Initialization
App Configuration: Theming and Colors
Passing App Configuration from R to JS
Other App and Component Configuration
Modularizing JS Code
Custom Message Handlers
The Story Behind the Code
You Are Learning From the People Who Built It
This is not a third-party tutorial. AthlyticZ funded shinyMobile v2. Veerle co-developed it. David created it. Every lesson reflects the decisions and trade-offs the actual developers made — giving you architectural insight no other course can offer.
III
Phase III • Build the App
Ship a Women's Basketball Mobile App
1 section • 15 lessons
The capstone: build a complete mobile sports app from scratch. Rankings, team pages, player profiles, login, live data, messaging, user settings, and loading experience — all with modular architecture.
04
Build a Mobile Sports App
15 lessonsFree Preview
The Data: Women's Basketball
Setting up the Layout
Building a Modular Codebase
Ranking Page (Part 1)
Ranking Page (Part 2)
Team Page (Part 1)
Team Page (Part 2)
Player Page (Part 1)
Player Page (Part 2)
Login Functionality
Live Page Data
Home Page
Creating a Messaging System
User Settings and Preferences
Loading Experience
Portfolio Piece
This Is the App You Show Employers
Not a demo. Not a tutorial exercise. A fully functional mobile sports application with authentication, live data, routing, and messaging — deployed as a PWA. This is the kind of project that gets you hired, promoted, or funded. It tells a story about what you can build.
IV
Phase IV • PWA, App Store & Beyond
Go Live on iOS, Android & the Web
3 sections • 12 lessons
Transform your app into an installable PWA. Add manifests, service workers, offline pages. Pass Google compatibility checks. Publish to app stores via Capacitor and PWABuilder. Master multilayout routing with {brochure}. Chart your path forward.
05
{shinyMobile} and PWA
7 lessonsFree Preview
{shinyMobile} and PWA concepts
Manifest, Service Worker and Offline Page
Google PWA Compatibility
Shortcuts
Handling Installation
To the App Store with Capacitor
To the App Store with PWABuilder
06
The Multilayout
3 lessonsFree Preview
The Framework7 Router
Getting to Know {brochure}
Multilayout in {shinyMobile}
07
Recap and Next Steps
2 lessonsFree Preview
Summary
What's Next?
The Finish Line
From R Script to App Store. For Real.
By the end of this course, you will have built a mobile sports app with shinyMobile, deployed it as a PWA, passed Google Lighthouse checks, and prepared it for app store distribution. That is not a certificate — it is a published application.
Real Feedback
What Learners Say About Veerle
A. Sekulovic, PhD
Specialist Formulation & Process Development
“If you have a question about Shiny, Veerle is the person to turn to. She is very knowledgeable and explains things in a simple, clear and engaging way.”
Hector Chavez
Data Scientist
“Veerle’s workshop on R Shiny development was exceptional. Her meticulous preparation, tailored content, and hands-on approach make it stand out from other offerings.”
Invest in Mobile Shiny
Enroll in Mobile StructureZ
Full Course
Mobile StructureZ
$1,149
Lifetime Access • Cloud VMs Included
7 sections, 43+ lessons
20+ quizzes & assessments
100+ files, scripts & resources
Women’s basketball capstone app
Built on shinyMobile v2 (AthlyticZ-funded)
Curriculum advisor: Dr. David Granjon
Certificate of completion
Cloud VM Access Included Virtual machines via AthlyticZ Academy LMS
Combine ProductioniZing Shiny Apps + CustomiZing WidgetZ + Mobile StructureZ into one bundle and save. Master production architecture, custom widget development, AND mobile app deployment.
ProductioniZing teaches production Shiny app architecture. CustomiZing teaches custom widget development. Mobile StructureZ focuses specifically on mobile — PWAs, Framework7, shinyMobile, app store deployment, and native-like UX for iOS and Android. Together, the three courses form the complete Shiny engineering stack.
This course assumes intermediate R and Shiny experience — ideally from our ProductioniZing Shiny Apps course. If you are new to Shiny, consider starting with the Shiny Bundle which includes all three courses.
shinyMobile is an open-source R package that brings mobile-native UX to Shiny apps using the Framework7 framework. AthlyticZ funded the complete v2 rebuild as part of our open source initiative to advance the data science ecosystem. Dr. David Granjon created the original package and Veerle Eeftink - van Leemput co-developed v2 — both contribute directly to this course.
Yes. The course covers Capacitor and PWABuilder for packaging your Shiny PWA for distribution on the Google Play Store and Apple App Store. You will also learn Google Lighthouse compatibility checks and manifest configuration.
You may drop the course within 3 days of commencement for a full refund. No refunds after day 3 or if you have completed 25% or more of the course material.
Mobile StructureZ
From R Script to the App Store
7 sections. 43+ lessons. Built on shinyMobile v2. A women's basketball capstone you can publish. Cloud virtual machines included.