/Culture Max
Education / Games / EdutainmentiOS · AndroidLiverole: React Native Developer

Culture Max

Gamified Idiom Learning & Rewards Mobile Game

1K+
Users
4.4
Rating
18+
Screens
React Native 0.81React 19TypeScript 5.8 (strict)Redux Toolkitredux-persistReact Navigation v7AxiosFirebase (FCM + Crashlytics)Google Mobile AdsReanimated v4FastImageNotifee

App Screenshots

Project screenshot
Project screenshot
Project screenshot
Project screenshot

End-to-end JS → TypeScript strict-mode migration across 18+ screens, offline-first Redux Toolkit + redux-persist, three Google Mobile Ads formats integrated cleanly, and reproducible Android/iOS build scripts — live on both stores.

About the Project

Culture Max is a production-ready, cross-platform mobile game built with React Native 0.81 and TypeScript 5.8 (strict mode). It blends bite-sized cultural learning with a coin-and-reward economy: users solve idiom challenges, build streaks, compete on global leaderboards, and redeem coins for offers.

The app integrates Firebase Cloud Messaging for re-engagement, Google Mobile Ads (banner, interstitial, rewarded) for monetization, Crashlytics for stability tracking, secure on-device storage, and a fully type-safe Redux Toolkit state layer with redux-persist hydration. The codebase was migrated end-to-end from JavaScript to TypeScript, with strict typing across 18+ screens, navigation graphs, store slices, and service layers.

Architecture follows a feature-folder pattern: a centralized Axios client with interceptors and a typed endpoint registry routes every API call through a shared error map; React Navigation v7 composes Native Stack, Stack, and Material Top Tabs with a global navigationRef for headless flows; an app-wide ErrorBoundary plus Crashlytics catches both render-time failures and native crashes.

Performance work moved animations to Reanimated v4 worklets running on the UI thread, swapped Image for FastImage with prioritized caching, and curated the redux-persist whitelist to keep cold starts fast. The build pipeline ships with one-command release, bundle, clean, and cache-reset scripts for both Android (Gradle) and iOS (CocoaPods).

Key Highlights

▸End-to-end JavaScript → TypeScript migration with strict mode across screens, store, services, and navigation
▸Offline-first Redux Toolkit + redux-persist state model with versioned migrations
▸Centralized Axios client with interceptors, typed endpoint registry, and shared error map
▸React Navigation v7 with three nested navigator types and a headless navigationRef for cross-cutting flows
▸Three Google Mobile Ads formats (banner, interstitial, rewarded) integrated without harming core UX
▸App-wide ErrorBoundary + Firebase Crashlytics for measurable stability improvements
▸Reanimated v4 worklets + FastImage to hold 60fps on low-end Android devices
▸One-command build pipeline: clean:android, clean:ios, release:android, bundle:android, variant:release, reset:cache

Technical Breakdown

Feature areas & implementation details

Gameplay & Coin Economy
▸Daily Idiom Quiz with multi-step interactions, animated feedback, and time-based scoring
▸Coin economy: earn coins from correct answers, streaks, and rewarded ad views
▸Spend coins on hints, retries, and Rewards & Offers redemptions
▸Branded 'Better Luck Next Time' animated end-of-game state for retention without punishment
▸useTimeoutTracker custom hook for consistent game timing logic across screens
Learning, Social & Rewards
▸Idiom of the Day learning hub with a Previous Idioms archive for revisiting past content
▸Global Leaderboard ranked by score and streaks with paginated, performant lists
▸Rewards & Offers catalog: browse offer cards, view detail, and convert coins to real-world rewards
▸View-shot powered Share screen for posting achievements and idioms to native share targets
▸Profile & Account Management with stats, preferences, and a GDPR-friendly Account Deletion flow
Architecture & State
▸Feature-folder modular structure: assets, components, config, hooks, navigations, screens, services, store, themes, types, utils
▸Redux Toolkit slices for authentication, playgame, and profile with selective redux-persist whitelist
▸Versioned redux-persist migrations so schema changes don't corrupt persisted state
▸Typed Axios client with interceptors, endpoint registry, and error map for predictable API failures
▸App-wide ErrorBoundary + Crashlytics + NoticeListener for uniform, observable error UI
▸Custom secureStorage abstraction over AsyncStorage for tokens and credentials
Platform Migrations
▸Android: MainActivity.java & MainApplication.java → Kotlin with null safety
▸iOS: AppDelegate Obj-C → Swift with proper Firebase initialisation
▸React Native 0.72 → 0.81.1 with New Architecture (RCTNewArchEnabled)
▸App.js → App.tsx — full TypeScript migration with strict type coverage
▸Removed Flipper, cleaned up legacy iOS files & obsolete Gradle properties
Performance, Monetization & Build
▸Reanimated v4 + worklets running animations on the UI thread for 60fps transitions
▸FastImage with prioritized caching and InteractionManager-deferred non-critical work
▸Firebase Cloud Messaging + Notifee local notifications for daily reminders and re-engagement
▸Google Mobile Ads — banner, interstitial (frequency-limited), and rewarded (gated behind explicit user intent)
▸Reproducible Android (Gradle) and iOS (CocoaPods) build scripts: clean, release, bundle, variant, reset:cache

Other Projects

View All →
Arkmantra
Ayurvedic Cosmetics E-Commerce Storefront & Admin

A highly hardened, full-featured D2C storefront and admin control panel designed...

Soul33 – The Beacon
Spirituality, Meditation & Mindfulness Platform

A cross-platform spiritual wellness app live on iOS & Android with Free, Seeker ...

Yoke Yoga
Social Wellness, Live Yoga & Learning Platform

Production yoga social platform — TikTok-style Reels, ZEGOCLOUD live streaming +...