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 AIExemplos
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.