Simple Nubank clone developed with React Native & Expo

About The Project   |    Technologies   |    Getting Started   |    How To Contribute   |    License

👨🏻‍💻 About the project

Nubank is a company that uses technology and design to give people back control over their financial lives. In July 2020 it was elected the best bank in Brazil, so I decided to create this interface as a reference to the mobile application of this fintech.

This clone project was developed in React Native & Expo, which helps a lot with regards to the speed of the initial setup of the project, in addition to other tools.

🚀 Technologies

Technologies that I used to develop this frontend app

• NodeJS
• TypeScript
• React Native
• Expo
• Styled-Components
• React-Native-QRCode-SVG
• VS Code with EditorConfig and Prettier RC

💻 Getting started

Requirements

• Node.js
• Yarn or npm

Clone the project and access the folder

$ git clone https://github.com/eltonlazzarin/nubank-clone.git

$ cd nubank-clone

Follow the steps below

# Install the dependencies
$ yarn

# Run the web app
$ yarn start

Install the app on a physical phone

1. Go to your app store, look for the app called Expo, and install it on your device.

2. With the app installed, open it and click on Scan QR Code, point the camera phone to the QR code shown on the page that opened after executing the command yarn start and ready, the app will load and be ready for use.

🤔 How to contribute

Follow the steps below

# Clone your fork
$ git clone https://github.com/eltonlazzarin/nubank-clone.git

$ cd nubank-clone

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

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

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

After your pull request is merged, you can delete your branch

📝 License

This project is under the MIT license. See the LICENSE for more information.