Scalable React & React Native Template

Job ID: 40033445

Budget: $10 – $30 CAD

I want to start new projects without re-inventing the wheel, so I need a well-structured monorepo that bundles React Web and React Native apps together with a single source of truth for shared logic. The key is flexibility: every feature module should run from the main shell through Webpack 5 Module Federation yet still be capable of standing alone for local development or future micro-front-end deployment. Dynamic loading is essential—when a URL is hit, the router in the host app should lazily pull the corresponding module, mount it, and release resources cleanly when the user navigates away.

I have already settled on Redux for state management, so please wire the template around a modern Redux Toolkit setup that works in both environments. Beyond that, I need:

• A “packages” folder that distinguishes shared utilities from fully isolated feature modules, each with its own package.json to avoid dependency conflicts.
• A working Web (CRA or Vite) host and a bare-bones React Native app (Expo is fine) that consume those federated modules.
• Centralised routing on the Web side, with an example deep-link configuration on mobile pointing to the same feature code.
• Clear, step-by-step scripts (yarn workspaces or pnpm) for bootstrapping, running every module independently, and launching the unified shell.

Acceptance criteria: cloning the repo, running one command for the shell, and separate commands for any individual module must “just work” with hot reload and zero duplicated package warnings.

If you’ve built similar micro-front-end starter kits or mono-repos that bridge web and native, this should feel straightforward. Hand over a Git repo with concise README and I’m ready to roll.

Proper project structure in place