Código desenvolvido na Semana Omnistack 11 - Rocketseat. O BeTheHero é um projeto que visa conectar pessoas que desejam fazer contribuições monetárias a ONG's (Organizações não governamentais) que precisam de ajuda.
- Apresentar a aplicação
- Configurar ambiente de desenvolvimento
-
- Node.js e NPM
-
- Visual Studio Code
- Entender sobre o back-end & front-end
- Criar projeto com Node.js
- Entender sobre o React e SPA
- Criar o projeto com ReactJS
- Entender sobre o React Native & Expo
- Node.js & Express
-
- Rotas e Recursos
-
- Métodos HTTP
-
- Tipos de Parâmetros
- Configurando Nodemon
- Utilizando Insomnia
- Diferenças entre bancos de dados
- Pensando nas entidades e funcionalidades
- Contrução do back-end
- Adicionando módulo CORS
- Enviando back-end ao Github
- Limpando estrutura
- Conceitos do React
-
- Componente
-
- JSX
-
- Propriedades
-
- Estado
-
- Imutabilidade
- Página de login
- Configurando rotas
- Cadastro de ONG'S
- Listagem de casos
- Cadastro de um novo caso
- Conectando aplicação à API
- Enviar projeto ao Github
- Instalando Expo
- Criando projeto React Native
- Executando projeto
-
- No celular
-
- Emuladores
-
- Expo Snack
- Diferenças para React.js
-
- Elementos HTML
-
- Semântica
-
- Estilização (Flexbox, Propriedades, Herança de Estilos, Estilização Própria)
- Estrutura de pastas
- Ícone e Splash Screen
- Configurando navegação
- Página de casos
- Detalhe do caso
- Abrindo Whatsapp & E-mail
- Conexão com a API
- Enviando projeto ao Github
- Adicionando validação
- Adicionando testes
-
- Por que fazer testes?
-
- TDD
-
- Configurando JEST
-
- Tipos de testes
-
- Cofigurando banco de testes
-
- Instalando supertest
-
- Testando rota da autenticação
- Deploy
-
- Alternativas
-
- Qual escolher?