TurahPay Wallet App is a cross-platform mobile wallet built with React Native and Expo, integrating Firebase for authentication and data management. It allows users to securely manage their wallet, perform transactions, track recent activity and includes login/signup with validation, a dynamic dashboard and profile management.
-
Login & Signup with validation
-
Dashboard: View wallet balance & recent transactions
-
Profile Management: Edit user info and profile picture
-
Transaction Features: Add Money, Send Money, Pay Bills, Buy Airtime & Data
-
Firebase Backend: Authentication & Firestore for real-time data
-
Cross-platform: Works on iOS and Android via Expo
-
Framework: React Native
-
Expo: Managed workflow for cross-platform development
-
Programming Language: JavaScript
-
Backend & Database: Firebase Authentication & Firestore
-
State Management: React Context API
-
UI & Animation: React Native components, LinearGradient, MaterialCommunityIcons, Animated API
-
HTTP Requests: Axios
-
Storage: Cloudinary & Firebase Storage for images
-
Version Control: Git & GitHub
| Login Screen | Signup Screen |
|---|---|
 |
 |
| Dashboard Screen | Profile Screen |
|---|---|
 |
 |
| Add Money | Send Money |
|---|---|
 |
 |
| Airtime Screen | Data Screen |
|---|---|
 |
 |
| Pay Bills Screen | Transaction History |
|---|---|
 |
 |
- Clone the repository:
git clone https://github.com/MisturaDev/wallet-app-react-native.git
- Navigate into the project folder:
cd wallet-app - Install dependencies.:
npm install
- Configure Firebase:
- Create a Firebase project
- Copy your config into firebase.js
- Run the app (Expo):
npx expo start
-
Open the app via Expo
-
Sign up or login with your credentials
-
Access dashboard features: Add/Send Money, Pay Bills, Buy Airtime/Data
-
Update profile info and upload profile picture
Expo Dashboard: Expo
Mistura Ishola