About

Mobile App Development: HTML5/React Word Puzzle Game to iOS/Android We have a fully functional HTML5/React word manipulation puzzle game that needs to be ported to native iOS and Android apps. The game has very little animation and very simple controls (Drag and drop letters mainly). This is a word game that requires a bit of thought, it is to be played at the speed of Wordle, not fast paced. The game already works in browsers, with a pretty clean codebase and modular architecture. I need it ported to iOS and Android. ### MORE ABOUT THE GAME AND WHAT'S NEEDED ### 1. Core App Development & Porting - Port the existing HTML5/React game to native iOS (Swift/SwiftUI) and Android (Kotlin/Java) apps - Maintain all existing game mechanics, animations, and user interactions - Improve small glitches (centering of text, weird resizing issues of elements with html/css) - Ensure responsive design across different device sizes and orientations - Implement proper touch controls for mobile and tablet devices - Handle device-specific features - interrups, etc. ### 2. Monetization Implement in-app purchase system: This has not been done, but is fairly modularized. - **Puzzle Pack Purchases**: Users can buy additional puzzle collections - Must maintain state of which puzzles have been done in which puzzle collections and stats about them. - Integration with Apple App Store and Google Play Store billing systems - Restore purchases functionality across devices - Receipt validation and security measures - Synced to user's purchase ID, etc. - Synced and works across a user's multiple devices. ### 3. Network Features - **Daily Puzzles**: Download and cache daily puzzle content from our servers - **Puzzle Pack Downloads**: Fetch new puzzle content after purchase - Offline gameplay capability with downloaded content - On-load sync for daily puzzles - Handle network connectivity issues gracefully - Handle sharing scores and wins to SMS/Twitter(x)/Facebook/BlueSky/LinkedIn ### 4. Architecture & Code Organization The current codebase has good separation that should be maintained: - However, there may be a bit of repeated code that can be cleaned up. - **Game Logic**: Separated from UI components (located in `/js/game-logic.js`, `/js/game-state.js`) - **Graphics/Assets**: Already separated in `/assets/` directory with modular CSS - **Text Strings**: Centralized in `/text_strings.js` for easy localization - Maintain this modular structure in the mobile apps for future maintainability ### 5. Bug Fixing & Polish - Thorough testing across multiple devices and OS versions - UI/UX polish for mobile-first experience - Memory management optimization - Handle edge cases and error scenarios ### 6. Maintenance & Future Support - Code documentation and handover - App store submission completed - Post-launch bug fixes and updates - Version control and deployment pipeline setup ## DETAILS: ### Current Technology Stack (All of this must become native). - **Frontend**: React 18, HTML5, CSS3, JavaScript ES6+ - **Animations**: CSS transitions and JavaScript-based animations - **Assets**: PNG graphics, modular CSS architecture - **Game Logic**: Pure JavaScript, well-documented functions ### Target Platforms - **iOS**: Minimum iOS 14+, latest Xcode - **Android**: Minimum API 24 (Android 7.0), latest Android Studio ### Preferred Mobile Technologies - Native development required (Swift/Kotlin) for best performance (not a call out to HTML5!) - Must handle very simple animations and drag-and-drop interactions smoothly ## Deliverables 1. Complete iOS app (source code + compiled app) 2. Complete Android app (source code + compiled app) 3. Each must have easily editable and findable instruction pages, about pages, and game stat pages. 4. App store submission completed 5. Technical documentation 6. Handover session and knowledge transfer IDEALLY: - You must have launched native games in iOS and Android. - you must have setup in-app purchases and have dealt with app-store failures and robustness. - You must be familiar with non-connected caching and game playing. - Ideally, you wil have created word games before. Game design experience a huge plus.