Strolly – Strolling Meditation App Template for iOS and Android
Strolly is a whole, production-ready strolling meditation app template constructed with React Native, Expo and Supabase. Customers observe a guided journey of audio meditations, unlock the following session by finishing the present one, monitor every day streaks, time their very own unguided classes, and save favorites. All the things runs on a free Supabase backend that the customer configures in minutes – no server code, no internet hosting payments, no third-party APIs to pay for.
Demo Directions
This app has its personal e mail sign-in system backed by Supabase, so there isn’t a shared demo account or hosted demo server. To run it:
- Create a free account at supabase.com (no bank card wanted).
- Run the included SQL schema file (supabase/schema.sql) – one click on within the Supabase dashboard.
- Paste your undertaking URL and anon key into the .env file.
- Run “pnpm set up”, then “npx expo run:ios” (for Android, first run “npx expo prebuild -p android”, then “npx expo run:android”).
- Join contained in the app with the demo credentials beneath and you’re in.
Demo account:
- Electronic mail: [email protected]
- Password: StrollyDemo2026!
These credentials are used to create your demo person in your personal Supabase undertaking throughout setup, in order that they work instantly after configuration. Full step-by-step setup with screenshots is included in documentation.html. Supabase and Resend each have free tiers which might be adequate to run every thing; you’re chargeable for your personal accounts and any prices in case you exceed these free tiers.
All the things the App Does
- + Onboarding quiz with 3 questions, progress bar and animated intro body
- + Electronic mail and password sign-up with e mail verification stream
- + Signal-in display screen with present/conceal password and pleasant standing notices
- + Password reset through 6-digit code (Supabase Edge Operate + Resend e mail)
- + Replace password display screen and deep-link restoration dealing with
- + Guided journey of audio meditations ordered by day
- + Development system: finishing a meditation unlocks the following one
- + Locked meditation modal that explains how one can unlock content material
- + Dwelling display screen with the following unlocked session and every day streak flame
- + Discover tab itemizing each meditation with accomplished, unlocked and locked states
- + Meditation element display screen with hero picture, class colour, description and favourite toggle
- + Audio participant with play/pause, search slider, skip ahead and again 10 seconds
- + Background audio playback with iOS background modes configured
- + Audio file caching on machine so classes play offline after first obtain
- + Completion chime and success haptic when a session finishes
- + Favorites tab for saved meditations
- + Meditation timer tab with animated round progress ring
- + Period picker for customized timer lengths
- + Background-safe countdown that survives app switches
- + Vibration and chime when the timer completes
- + Each day streak monitoring with present streak, longest streak and whole classes
- + Streak calendar displaying which days had been accomplished
- + Profile display screen with stats playing cards and account settings
- + Signal out and safe account deletion through Edge Operate
- + Privateness coverage and phrases of service screens included
- + Haptic suggestions on key interactions all through the app
- + Adaptive layouts for telephones and tablets, portrait and panorama
- + Offline-friendly: content material and progress are cached regionally
Expertise
- React Native 0.81 with Expo SDK 54 and Expo Router
- TypeScript all through, validated with Zod
- Supabase: authentication, Postgres database, storage and Edge Features
- Zustand state administration with AsyncStorage persistence
- Expo AV audio engine with background playback and file caching
- Expo Haptics, Expo Linear Gradient, Expo Blur, Expo Picture
- NativeWind (Tailwind-style styling) and lucide-react-native icons
- React Native Reanimated animations and gesture handler
- Deployment goal: iOS 17.0; Android minSdk 24
- No third-party paid dependencies or API keys
What the Purchaser Will get
- Full TypeScript supply code for the entire app
- Generated iOS Xcode undertaking included; the Android native undertaking is generated with one command (“npx expo prebuild -p android”)
- Supabase SQL schema with row stage safety insurance policies (supabase/schema.sql)
- Two Supabase Edge Features: password restoration e mail and account deletion
- Step-by-step documentation.html with screenshots, customization information and App Retailer guidelines
- App icon belongings, splash screens and the complete design system in a single colours file
Improvement Disclosure
Parts of this template’s supply code had been developed with AI-assisted instruments. All code has been reviewed, examined and verified by the creator earlier than submission.
A Observe Earlier than You Purchase
This can be a supply code template, not a compiled app. You have to Xcode (for iOS), Android Studio (for Android), Node.js and primary command line information to construct and customise it. The backend is Supabase, which presents a beneficiant free tier – you employ your personal Supabase and Resend accounts and are chargeable for any prices related to them. When you’ve got any questions earlier than or after buy, message assist by means of Envato.
