• Esse projeto tem o objetivo de praticar os conceitos básicos do React Native e seus componentes, além de praticar o uso de TypeScript e também de algumas libs como o AsyncStorage.
• É um projeto simples, mas que trata da base de um aplicativo mobile, onde temos uma listagem, cadastro, remoção e edição de dados. Além disso é um projeto que tem sua base desenvolvida no primeiro módulo do bootcamp Ignite de React Native da Rocketseat.
• É o 1º projeto do bootcamp Ignite da trilha React Native 2021 da Rocketseat
• Nesse primeiro módulo focamos na interface e nos conceitos básicos do React Native. Com isso, toda essa parte de persistência de dados com Async-Storage, modificação do nome do evento, data do evento, formatação de datas, tudo isso foram melhorados e adicionados por mim.

3. Cadastro de um novo participante

   • Validação do campo de participante

4. Remoção de participante

5. Remoção de todos os dados cadastrados

:art: Design

:seedling: Requisitos Mínimos

• Android Studio
• Celular(Opcional)
• Node.js
• React
• React-Native
• Expo
• TypeScript
• Yarn(ou NPM)

:rocket: Principais Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

• Android Studio
• Async Storage
• Javascript
• NodeJS
• Expo
• React
• React Native
• React Native SVG
• React Native SVG Transformer
• TypeScript
• Yarn

:truck: Entrega e distribuição continua

• Para a publicação do aplicativo, primeiro foi gerada a build manualmente com o comando ./gradlew bundleRelease, utilizando o build.gradle dentro da pasta android, que foi configurado com enableProguardInReleaseBuilds e enableHermes como true.

• Essa build foi enviada para o Google Play Console, onde todas as configurações do projeto Android foram personalizadas, incluindo a descrição, nome e imagens do aplicativo.

• Em seguida, foi integrado o repositório remoto do projeto, que está no GitHub, com a plataforma App Center da Microsoft para realizar o CI/CD.

  • O App Center observa a branch main, que é a de produção, e toda vez que houver algum push nessa branch, ele automaticamente gera uma nova build do aplicativo e envia para a Google Play Store.

• Antes de usar o App Center, foi realizada toda a configuração necessária para que a plataforma possa realizar esse processo de forma automática e também foi necessário configurações no Google Cloud Platform e no Google Play Console.

• Segue o link das plataformas usadas:

  • App Center;
  • Github;
  • Google Play Console;
  • Google Cloud Platform;

:package: Como baixar e executar o projeto

• Clonar o projeto:

   git clone https://github.com/Aszurar/imHere.git
  

  • É necessário a instalação do yarn de acordo com seu sistema operacional, para isso veja como no site do Yarn
  • Instalação das dependências:
  • Execute o comando abaixo dentro da pasta do projeto

    yarn
  

  • É possível executar o projeto em um dispositivo físico caso não queira usar o emulador. Caso queira usar o emulador, faça instalação sua instalação por aqui: Android Studio e das tecnologias requesitadas acima no:seedling: Requisitos
  • Também é necessário a instalação/configuração de outras tecnologias, para isso siga os passos indicados nessa página de acordo com seu sistema operacional: Executando uma Aplicação React-Native emulando Windows/Linux/MacOS ou direto no dispositivo mobile Android/IOS
• Execução
  • Com o emulador android aberto ou o dispositivo móvel físico conecatdo via USB:
  • Abra a pasta do projeto com alguma IDE(Vscode) ou simplesmente abra o terminal na pasta do projeto e execute o comando abaixo:

     yarn android
  

• Caso o metro-bundle não funcione, execute como abaixo:
  1. Executando o metro-bundle:

         yarn start
     

  2. Executando no android:

         yarn android
     

• Caso esteja no IOS, após as configurações faladas anteriormente até no link mencionado acima, então execute o comando abaixo:

      yarn ios
  

• Lembrando que, caso seja executado pelo emulador, o ideal é sempre deixa-lo aberto antes de aplicar os comandos acima.

Desenvolvido por :star2: Lucas de Lima Martins de Souza.