https://github.com/edrickleong/smartbank
SmartBank is a demo banking application built with React Native, Expo & Supabase
https://github.com/edrickleong/smartbank
expo ios mobile react-native supabase
Last synced: 5 months ago
JSON representation
SmartBank is a demo banking application built with React Native, Expo & Supabase
- Host: GitHub
- URL: https://github.com/edrickleong/smartbank
- Owner: edrickleong
- Created: 2022-08-23T13:01:24.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-02-17T12:26:39.000Z (over 1 year ago)
- Last Synced: 2025-02-17T13:29:29.099Z (over 1 year ago)
- Topics: expo, ios, mobile, react-native, supabase
- Language: TypeScript
- Homepage:
- Size: 18.6 MB
- Stars: 26
- Watchers: 0
- Forks: 7
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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](https://uiadrian.gumroad.com/l/design-manual). Support him by purchasing a
copy of his book on [Gumroad](https://uiadrian.gumroad.com/l/design-manual).
## 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](https://expo.dev/) - A framework for building React Native apps
- [NativeWind](https://www.nativewind.dev/) - Tailwind CSS for React Native
- [Supabase](https://supabase.com/) - Auth & Database platform
## 🚀 Local Development
1. Install Bun
```shell
brew install bun
```
2Clone the repo
```sh
git clone https://github.com/edrickleong/smartbank
```
3. Install NPM packages
```sh
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](https://supabase.com/) and create a project.
You will need to update your Site URL under Authentication > URL Configuration > Site URL to
`com.edrickleong.smartbank`.
```shell
5. Run the development server
```
bun start
```