Skip to content

saulobraine/nubank-ui-reactnative

Repository files navigation

Github Count Languages Repository size GitHub last commit By Saulo Braine License Project language Switch readme language

Banner Proffy

ReactNative


Sobre o projeto

Código replicando a interface da tela inicial do Nubank com React Native com animações

Feito pelo tutorial da Rocketseat, porém com algumas diferenças, esta versão possui mais cards, e a fonte utilizada está mais próxima ao do app oficial.

Tutorial disponível no Youtube


Screens

  • Tela inicial de uma versão antiga do app:
    • Menu oculto com animações;
    • Botão Sair da conta;
    • Tabs de atalhos;

Preview

Preview Nubank

🎲 Executando o projeto

# Clone o repositório
$ git clone https://github.com/saulobraine/nubank-ui-reactnative.git

# Acesse a pasta do projeto no prompt de comando
$ cd nubank-ui-reactnative

# Instale as dependências
$ yarn

# Execute o script
$ yarn start

# Conecte seu telefone em USB (deve estar apto para opções de desenvolvedor e depuração USB) aguarde a instalação do aplicativo.

Agradecimentos

Agradeço a @rocketseat. Obrigado ♥


Licença

Este projeto esta sobe a licença MIT