smartbank

smartbank copied to clipboard

SmartBank

A demo banking app made with React Native and Supabase.
Designed by Adrian Kuleszo
Demo app created by Edrick Leong

Report Bug · Request Feature

This project uses designs from Adrian Kuleszo's book The UI Professional's Design Manual. Support him by purchasing a copy of his book on Gumroad.

Demo

📱 Flows

These are groups of screens based on the design manual above. Some of these screens have been created without adding functionality yet. For example, the phone verifications screens have been created but do not integrate with a phone verification service.

• [x] Walkthrough
• [x] Login
• [x] Account setup
• [x] Phone verification
• [x] Create passcode
• [ ] Legal information
• [ ] Notifications
• [ ] Verify Identity
• [ ] Selfie
• [ ] Create a card
• [ ] Top up account
• [ ] Home screen
• [ ] Transfer money
• [ ] Exchange money
• [ ] Profile settings
• [ ] Upload avatar

✨ Features

• [x] 🔒 Sign Up / Log In
• [ ] 📞 Phone Verification
• [ ] 🔐 Setup PIN + Face ID
• [ ] 📷 Photo Verification
• [ ] 🔔 Request for Notifications
• [ ] 👤 Upload Avatar

🔧 Built with

• Expo - A framework for building React Native apps
• NativeWind - Tailwind CSS for React Native
• Supabase - Auth & Database platform

🚀 Local Development

1. Clone the repo

git clone https://github.com/edrickleong/smartbank

2. Install NPM packages

npm install

3. Copy the .env.example file as a .env file and add the missing environment variables. You will need to sign up for a Supabase account and create a project.

4. Run the development server

npm run start