Um clone da interface do aplicativo Nubank desenvolvido em React Native com Expo, replicando o design e funcionalidades visuais do app original.

Este projeto é uma recriação da interface principal do aplicativo Nubank, incluindo:

• Tela principal com saldo da conta
• Menu de funcionalidades (Pix, Pagar, Transferir, etc.)
• Seção de cartões
• Interface responsiva e moderna
• Componentes reutilizáveis

• React Native - Framework para desenvolvimento mobile
• Expo - Plataforma para desenvolvimento React Native
• TypeScript - Linguagem de programação
• Styled Components - Biblioteca para estilização
• React Native SVG - Para ícones SVG
• Expo Google Fonts - Fontes Roboto

• Node.js
• npm ou yarn
• Expo CLI
• Expo Go (para testar no dispositivo)

1. Clone o repositório:

git clone https://github.com/josuelJFS/nubank.git
cd nubank

2. Instale as dependências:

npm install
# ou
yarn install

3. Execute o projeto:

npm start
# ou
yarn start
# ou
expo start

4. Para executar em plataformas específicas:

# Android
npm run android

# iOS
npm run ios

# Web
npm run web

• ✅ Interface principal do Nubank
• ✅ Exibição de saldo
• ✅ Menu horizontal com opções (Pix, Pagar, Transferir, etc.)
• ✅ Seção de cartões
• ✅ Componentes reutilizáveis
• ✅ Design responsivo
• ✅ Ícones SVG personalizados

O projeto replica fielmente o design do Nubank com:

• Cores características roxas (#8A19D6)
• Tipografia Roboto
• Interface limpa e moderna
• Componentes bem organizados

src/
├── components/          # Componentes reutilizáveis
│   ├── button/
│   ├── button-menu/
│   ├── info/
│   └── portabildiade/
├── screens/            # Telas da aplicação
│   └── main/          # Tela principal
├── theme/             # Tokens de design
└── assets/            # Ícones SVG e imagens

1. Faça um fork do projeto
2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

Este projeto é apenas para fins educacionais e não possui fins comerciais.

Josuel Fernandes

• GitHub: @josuelJFS

⭐ Se este projeto te ajudou, deixe uma estrela!