... | ... | @@ -17,4 +17,36 @@ |
|
|
|
|
|
# Frontend
|
|
|
|
|
|
Esta página centraliza informações sobre o [repositório Frontend do projeto Lucky Draw](https://tools.ages.pucrs.br/lucky-draw/wiki/-/wikis/Frontend). |
|
|
\ No newline at end of file |
|
|
Definições de Tecnologias
|
|
|
• Linguagem: Typescript
|
|
|
• Framework: React Native
|
|
|
|
|
|
1. Estrutura Raiz do Projeto:
|
|
|
- App.tsx: O componente raiz da aplicação
|
|
|
- index.js: Ponto de entrada da aplicação
|
|
|
- package.json: Gerenciamento de dependências e scripts
|
|
|
- tsconfig.json: Configurações do TypeScript
|
|
|
- metro.config.js: Configuração do bundler do React Native
|
|
|
- babel.config.js: Configuração do Babel para transpilação
|
|
|
- .eslintrc.js e .prettierrc.js: Configurações de linting e formatação de código
|
|
|
|
|
|
2. Módulos do sistema estão presentes no diretório src/, com a organização seguinte:
|
|
|
- components/: Componentes reutilizáveis da interface
|
|
|
- pages/: Telas da aplicação
|
|
|
- routes/: Configurações de navegação
|
|
|
- services/: Serviços e integrações com APIs
|
|
|
- assets/: Recursos estáticos (imagens, fontes, etc.)
|
|
|
- styles/: Estilos globais e temas
|
|
|
- mocks/: Dados simulados para desenvolvimento/testes
|
|
|
|
|
|
3. Plataformas Nativas:
|
|
|
- android/: Configurações específicas para Android
|
|
|
- ios/: Configurações específicas para iOS
|
|
|
|
|
|
4. Ferramentas de Desenvolvimento:
|
|
|
- Jest para testes
|
|
|
- ESLint para linting
|
|
|
- Prettier para formatação de código
|
|
|
- Babel para transpilação
|
|
|
- TypeScript para tipagem estática
|
|
|
- Metro para bundling |