Mohamed Jbilou
Menu
FlousBank: Next-Gen Mobile Banking (PFA 2025)
FlousBank: Next-Gen Mobile Banking (PFA 2025)
Featured Project

About this project

About this project FlousBank: A Modern Mobile Banking Application FlousBank is a comprehensive mobile banking application I developed that provides users with a secure and intuitive platform to manage their finances on the go. The application features a sleek cyberpunk-inspired interface that combines functionality with a unique visual style, making everyday banking tasks both efficient and enjoyable. Key Features Secure Authentication: Robust login system with session persistence, secure storage, and protection against multiple failed attempts Account Dashboard: Interactive overview displaying account balances and recent transaction history with multi-account support Transaction Management: Detailed transaction history with date filtering (All, 30 days, 7 days), transaction details view, and statement download capabilities Fund Transfers: Seamless transfers between accounts with recipient selection, amount specification, and real-time processing via secure Edge Functions Bill Payments: Dedicated interface for viewing and paying bills with payment confirmation Card Management: Complete control over banking cards including viewing card details securely, activation/deactivation, spending limit adjustments, and adding new cards Branch/ATM Locator: Interactive map showing nearby branches and ATMs using device location services with directions functionality Intelligent Chatbot: Conversational assistant with quick action buttons for balance inquiries, transaction information, and navigation to other app sections Spending Overview: Visual analysis of income and expenses with interactive circular graphs showing the flow between Send, Receive, and Bills categories Notifications: System for receiving important account and transaction alerts Profile Settings: User profile management and preference configuration Multi-Account Support: Ability to manage and switch between multiple banking accounts Technical Implementation I built FlousBank using a modern, scalable tech stack: React Native with Expo for cross-platform mobile development TypeScript for type-safe code and improved maintainability Supabase for backend services including authentication, database, and serverless functions PostgreSQL database for secure data storage with custom RPCs for complex operations Expo Secure Store for sensitive data protection React Native Maps for location-based features Expo File System and Sharing for statement downloads Custom UI components for a consistent, branded experience The application follows a component-based architecture with context-based state management, ensuring a responsive and fluid user experience while maintaining code organization and reusability. User Flow Users authenticate securely through the login screen The dashboard presents a clear overview of financial accounts and recent activity Users can perform transfers, view detailed transaction history, and manage their cards Bill payments can be scheduled and tracked through a dedicated interface The branch locator helps users find nearby banking services with interactive map navigation The chatbot provides instant assistance for common banking queries Spending overview provides financial insights with interactive visualizations Account settings and preferences can be managed through an intuitive interface FlousBank demonstrates how modern mobile technology can transform traditional banking experiences, making financial management more accessible, secure, and user-friendly. This project showcases my skills in mobile application development, secure authentication implementation, API integration, and creating polished user interfaces that balance aesthetics with functionality.

Technologies Used

React Native with Expo - TypeScript - Supabase (PostgreSQLAuthEdge Functions)-Node.js