Strolly | Walking Meditation App With Guided Audio, Streaks, Timer and Supabase - React Native

Strolly – Walking Meditation App Template for iOS and Android

Strolly is a complete, production-ready walking meditation app template built with React Native, Expo and Supabase. Users follow a guided journey of audio meditations, unlock the next session by completing the current one, track daily streaks, time their own unguided sessions, and save favorites. Everything runs on a free Supabase backend that the buyer configures in minutes – no server code, no hosting bills, no third-party APIs to pay for.

Demo Instructions

This app has its own email sign-in system backed by Supabase, so there is no shared demo account or hosted demo server. To run it:

• Create a free account at supabase.com (no credit card needed).
• Run the included SQL schema file (supabase/schema.sql) – one click in the Supabase dashboard.
• Paste your project URL and anon key into the .env file.
• Run “pnpm install”, then “npx expo run:ios” (for Android, first run “npx expo prebuild -p android”, then “npx expo run:android”).
• Sign up inside the app with the demo credentials below and you are in.

Demo account:

• Email: demo@strolly.app
• Password: StrollyDemo2026!

These credentials are used to create your demo user in your own Supabase project during setup, so they work immediately after configuration. Full step-by-step setup with screenshots is included in documentation.html. Supabase and Resend both have free tiers that are sufficient to run everything; you are responsible for your own accounts and any costs if you exceed those free tiers.

Everything the App Does

• + Onboarding quiz with 3 questions, progress bar and animated intro frame
• + Email and password sign-up with email verification flow
• + Sign-in screen with show/hide password and friendly status notices
• + Password reset via 6-digit code (Supabase Edge Function + Resend email)
• + Update password screen and deep-link recovery handling
• + Guided journey of audio meditations ordered by day
• + Progression system: completing a meditation unlocks the next one
• + Locked meditation modal that explains how to unlock content
• + Home screen with the next unlocked session and daily streak flame
• + Explore tab listing every meditation with completed, unlocked and locked states
• + Meditation detail screen with hero image, category color, description and favorite toggle
• + Audio player with play/pause, seek slider, skip forward and back 10 seconds
• + Background audio playback with iOS background modes configured
• + Audio file caching on device so sessions play offline after first download
• + Completion chime and success haptic when a session finishes
• + Favorites tab for saved meditations
• + Meditation timer tab with animated circular progress ring
• + Duration picker for custom timer lengths
• + Background-safe countdown that survives app switches
• + Vibration and chime when the timer completes
• + Daily streak tracking with current streak, longest streak and total sessions
• + Streak calendar showing which days were completed
• + Profile screen with stats cards and account settings
• + Sign out and secure account deletion via Edge Function
• + Privacy policy and terms of service screens included
• + Haptic feedback on key interactions throughout the app
• + Adaptive layouts for phones and tablets, portrait and landscape
• + Offline-friendly: content and progress are cached locally

Technology

• React Native 0.81 with Expo SDK 54 and Expo Router
• TypeScript throughout, validated with Zod
• Supabase: authentication, Postgres database, storage and Edge Functions
• Zustand state management with AsyncStorage persistence
• Expo AV audio engine with background playback and file caching
• Expo Haptics, Expo Linear Gradient, Expo Blur, Expo Image
• NativeWind (Tailwind-style styling) and lucide-react-native icons
• React Native Reanimated animations and gesture handler
• Deployment target: iOS 17.0; Android minSdk 24
• No third-party paid dependencies or API keys

What the Buyer Gets

• Full TypeScript source code for the complete app
• Generated iOS Xcode project included; the Android native project is generated with one command (“npx expo prebuild -p android”)
• Supabase SQL schema with row level security policies (supabase/schema.sql)
• Two Supabase Edge Functions: password recovery email and account deletion
• Step-by-step documentation.html with screenshots, customization guide and App Store checklist
• App icon assets, splash screens and the full design system in one colors file

Development Disclosure

Portions of this template’s source code were developed with AI-assisted tools. All code has been reviewed, tested and verified by the author before submission.

A Note Before You Buy

This is a source code template, not a compiled app. You will need Xcode (for iOS), Android Studio (for Android), Node.js and basic command line knowledge to build and customize it. The backend is Supabase, which offers a generous free tier – you use your own Supabase and Resend accounts and are responsible for any costs associated with them. If you have any questions before or after purchase, message support through Envato.