paulamilani / kg-react

⚛️ KidsGame

App jogo infantil para desenvolvimento da aprendizagem

Projeto de conclusão do curso ESPECIALIZAÇÃO LATO SENSU EM DESENVOLVIMENTO DE SISTEMAS PARA DISPOSITIVOS MÓVEIS IFSP campus São Carlos.

📱 Projeto

Este projeto usa da associação das letras do alfabeto para auxiliar desenvolvimento infantil.

Público-alvo: O público alvo que o app deseja alcançar é crianças de 4 a 8 anos.

🧑‍💻 Técnicas e Tecnologias

As técnicas e tecnologias utilizadas no projeto são:

• Expo: tecnologia para simplificar o ambiente de desenvolvimento
• Componentes React Native: componentes já existentes básicos da tecnologia para compor a tela
  • Text: componente para exibir textos
  • View: container para blocos de componentes
  • ScrollView: container para blocos de componentes com barra de rolagem
  • Image: componente para exibir imagens
  • TouchableOpacity: componente para criar áreas clicáveis -Button: componente botão
• Componentes customizados: criação e utilização de componentes customizados
• React Navigation: gerenciamento da apresentação e da transição entre telas
• StyleSheet: estilização básica de componentes
• Dimensions: captura de dados das dimenções da tela
• LottieView: eventos de animação
• Eslint: para análise de código
• npm: para gerenciamento de pacotes
• Firebase: para backend
• Firestone: para banco de dados

📲 Executando o projeto

✔️ Pré-requisitos

Para conseguir seguir este README e rodar o projeto você pode precisar dos seguintes itens:

• Git para clonar o projeto e acessar as branches. Você pode instalar aqui;
• Node para podermos rodar expo e npm. Você pode instala-lo aqui;
• Um celular Android ou iOS com o aplicativo Expo instalado, ou então algum simulador Android ou iOS no computador;
• Pode ser utilizado também a opção web de emulador, o app será aberto em uma página web no seu navegador.

Se quiser testar as instalações, rodar os comandos abaixo separadamente deve mostrar as respectivas versões.

git --version
node --version
npm --version

▶️ Rodando o Projeto

Agora que já tem a pasta do projeto na sua máquina, dentro dela instale as dependências:

npm install

Então podemos rodar o projeto:

npm run android


npm run ios

Caso estiver com o celular, escaneie o QR code com o aplicativo do Expo ou a câmera que aparecerá no terminal. Se tiver um emulador, escolha o comando de execução sugerido no terminal.

Pronto, agora o app você deve ver o app rodando.

Caso de erro

for macOS or Linux

rm -rf node_modules

rm -f package-lock.json

rm -f yarn.lock

👇️ clean npm cache

npm cache clean --force

👇️ install packages

npm install