Banking System

Built with Next.js, Foti Banking is a full stack financial platform that connects to multiple bank accounts, displays transactions in real-time, allows users to transfer money to other platform users, and manages their finances altogether.

Key Features:

• Authentication: SSR authentication with proper validations and authorization
• Connect Banks: Integrates with Plaid for multiple bank account linking
• Home Page: Shows general overview of user account with total balance from all connected banks, recent transactions, money spent on different categories
• My Banks: Check the complete list of all connected banks with respective balances, account details
• Transaction History: Includes pagination and filtering options for viewing transaction history of different banks
• Real-time Updates: Reflects changes across all relevant pages upon connecting new bank accounts
• Funds Transfer: Allows users to transfer funds using Dwolla to other accounts with required fields and recipient bank ID
• Responsiveness: Ensures the application adapts seamlessly to various screen sizes and devices

Technical Highlights:

• Next.js Framework: Modern React-based framework with server-side rendering for optimal performance
• TypeScript Integration: Type-safe development for better code quality and maintainability
• Appwrite Backend: Serverless backend solution for database management and authentication
• Plaid Integration: Secure bank account connection and transaction data retrieval
• Dwolla API: Real-time money transfer and payment processing capabilities
• React Hook Form & Zod: Form validation and management with schema-based validation
• TailwindCSS: Utility-first CSS framework for responsive and modern UI design
• Chart.js Integration: Interactive data visualization for financial analytics
• ShadCN Components: Pre-built React components for consistent UI elements