Interface Mobile NuBank

Estudando animações e interfaces mobile.

Sobre o projeto   |    Tecnologias   |    Iniciando   |    Como contribuir   |    Autor   |   

👨🏻‍💻 Sobre o projeto

NuBank Clone é um projeto desenvolvido para estudar animações e interfaces mobile. Mesmo não fazendo o clone de todas as telas se pôde estudar de como animações mobile no React Native são feitas, além também de estudar as estilizações.

Desafios na interface

Utilizei ferramentas como o Animated do React Native para animações de forma Nativa sem perder a performance do app, o React Native Snap Carousel que é uma biblioteca para mexer com Flatlist ou Scrollview animadas, o desenvolvimento da aplicação está sendo de muito aprendizado. Esse é um projeto que mexe bastante com animação dentro do React Native.

🚀 Tecnologias

Tecnologias que utilizei para desenvolver a aplicação:

• ReactJS
• TypeScript
• React Native
• React Navigation
• React Native Vector Icons
• Styled Components
• React Native Gesture Handler
• React Native Qrcode Svg
• React Native Snap Carousel

De padronização no código

• Eslint
• Prettier
• EditorConfig

💻 Iniciando

Requisitos

• Node.js
• Yarn or npm

Clone o projeto e acesse a pasta

$ git clone https://github.com/larabeatrizms/nubank-clone.git && cd nubank-clone

Siga os passos abaixo

# Install the dependencies
$ yarn

# Be sure the file 'src/services/api.ts' have the IP to your API

# If you are going to emulate with android, run this command
# Be sure to have the emulator open
$ yarn android

# If you are going to emulate with ios, run this command
$ yarn ios

🤔 Como contribuir

Crie um fork desse repositório

# Fork using GitHub official command line
# If you don't have the GitHub CLI, use the web site to do that.

$ gh repo fork larabeatrizms/nubank-clone

Siga os passos abaixo

# Clone your fork
$ git clone your-fork-url && cd nubank-clone

# Create a branch with your feature
$ git checkout -b my-feature

# Make the commit with your changes
$ git commit -m 'feat: My new feature'

# Send the code to your remote branch
$ git push origin my-feature

Depois que o seu pull request é dado o merge, voê pode deletar sua branch.

✍️ Autor

👤 Lara Beatriz

• Twitter: @LaraBeatrizMS2
• Github: @larabeatrizms
• LinkedIn: @larabeatrizms

Feito com 💜