App Mobile • Coding AI • Setup do Projeto React Native + Expo

    Cria estrutura base escalável para app mobile em React Native + Expo.

    Produto
    expo
    coding-ai
    setup
    react-native
    app-mobile
    iniciante

    Preencha as variáveis

    0/7 preenchidas

    Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!

    {produto}
    {stack}
    {navegacao}
    {telas_publicas}
    {telas_auth}
    {modulos}
    {organizacao}

    Prompt (prévia ao vivo)

    Atue como Tech Lead Mobile. Gere um prompt para Coding AI estruturar a base do app em React Native + Expo com organização profissional.
    
    Dados:
    - Nome do app: {produto}
    - Stack: {stack}
    - Navegação principal: {navegacao}
    - Telas públicas: {telas_publicas}
    - Telas autenticadas: {telas_auth}
    - Módulos principais: {modulos}
    - Requisitos de organização: {organizacao}
    
    Entregue:
    1) Estrutura de pastas recomendada
    2) Convenção de features/componentes
    3) Estrutura de navegação base
    4) Regras de escalabilidade
    5) Prompt final para Coding AI

    Exemplos

    Entrada

    Nome do app: FitRoute
    Stack: React Native + Expo + TypeScript + Expo Router
    Navegação principal: Stack + Tabs
    Telas públicas: onboarding, login, cadastro
    Telas autenticadas: home, treino, progresso, perfil, configuracoes
    Módulos principais: auth, home, workout, progress, profile, notifications
    Requisitos de organização: separar features, components, hooks, services, types e theme

    Saída esperada

    📁 Estrutura:
    app/, src/features/, src/components/, src/hooks/, src/services/, src/types/, src/theme/, src/utils/.
    
    🧩 Convenção:
    Separar por domínio (auth, workout, progress) e UI reutilizável.
    
    🛣️ Navegação:
    Expo Router com grupos públicos e autenticados + tabs.
    
    📌 Escalabilidade:
    Theme centralizado, tipos por domínio, hooks desacoplados.
    
    🎯 Prompt Coding AI:
    Crie a estrutura base de um app mobile em React Native + Expo + TypeScript com Expo Router, separando telas públicas e autenticadas e organizando o código por features.