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.

• Walkthrough
• Login
• Account setup
• Phone verification
• 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

• 🔒 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. Install Bun

brew install bun

2Clone the repo

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

3. Install NPM packages

bun install

4. 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. You will need to update your Site URL under Authentication > URL Configuration > Site URL to com.edrickleong.smartbank.

5. Run the development server

bun start