Este boilerplate fornece uma estrutura inicial para desenvolvimento de aplicativos React Native com Expo, utilizando Firebase ou Supabase como backend.
Boilerplate/
├── assets/ # Imagens, fontes e outros arquivos estáticos
├── src/
│ ├── api/ # Serviços de API e clientes HTTP
│ │ ├── firebase/ # Configuração e serviços do Firebase
│ │ └── supabase/ # Configuração e serviços do Supabase
│ ├── components/ # Componentes reutilizáveis
│ │ ├── common/ # Componentes comuns (botões, inputs, etc)
│ │ └── specific/ # Componentes específicos para determinadas telas
│ ├── hooks/ # React Hooks personalizados
│ ├── navigation/ # Configuração de navegação
│ ├── screens/ # Telas do aplicativo
│ ├── services/ # Serviços internos do aplicativo
│ ├── store/ # Gerenciamento de estado (Redux, Context API, etc)
│ ├── theme/ # Temas, estilos globais e variáveis
│ └── utils/ # Funções utilitárias
├── App.js # Ponto de entrada do aplicativo
├── app.json # Configuração do Expo
└── package.json # Dependências do projeto
- Node.js
- Expo CLI
- Conta no Firebase ou Supabase
- Clone este repositório:
git clone [URL_DO_REPOSITORIO]
cd [NOME_DO_PROJETO]
- Instale as dependências:
npm install
- Crie um projeto no Firebase Console
- Obtenha as credenciais do projeto
- Atualize o arquivo
src/api/firebase/config.js
com suas credenciais
- Crie um projeto no Supabase
- Obtenha a URL e a chave anônima do projeto
- Atualize o arquivo
src/api/supabase/config.js
com suas credenciais
- Inicie o servidor de desenvolvimento:
npm start
- Use o Expo Go no seu dispositivo móvel ou um emulador para visualizar o aplicativo
- Autenticação (Firebase/Supabase)
- Navegação
- Componentes reutilizáveis
- Estrutura de pastas organizada
- Configuração inicial do projeto
- Escolha seu backend (Firebase ou Supabase)
- Remova os arquivos do backend não utilizado
- Configure as credenciais do backend escolhido
- Comece a desenvolver!