Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14
Learn how to build and deploy a banking app with a finance management dashboard that connects multiple bank accounts, displays real-time transactions, and allows you to transfer money to other users on the platform using Next.js 14.
β Appwrite: https://apwr.dev/JavaScriptMastery
π Sentry: https://bit.ly/4abT6PG
π¨Β Horizon Design Figma File: https://resource.jsmastery.pro/banking-app
π§Β Logical Flow Diagram Figjam File: https://resource.jsmastery.pro/banking-app-flow
π Become a top 1% Next.js 14 developer in only one course: https://www.jsmastery.pro/next14
π Skyrocket your career in 4 months: https://www.jsmastery.pro/masterclass
π Materials/References:
GitHub Repository (give it a star β): https://github.com/adrianhajdin/banking
README (assets & code): https://github.com/adrianhajdin/banking/blob/main/README.md
Plaid: https://plaid.com/
Dwolla sandbox account: https://accounts-sandbox.dwolla.com/login
π Social Media:
https://discord.gg/xBwdfxz95H
https://twitter.com/jsmasterypro
https://www.instagram.com/javascriptmastery
https://linkedin.com/company/javascriptmastery
https://www.linkedin.com/in/adrianhajdin/
Time Stamps π
00:00:00 β Intro
00:03:31 β Setup
00:20:40 β File & Folder Structure
00:31:10 β Home Page UI
00:54:04 β Sidebars
01:39:33 β Auth Page UI
02:35:00 β Appwrite Authentication
03:23:18 β Securing the App with Sentry
03:36:15 β Plaid Banking Functionality
04:21:17 β Dwolla Environment
04:33:08 β Displaying Real Bank Data
04:53:58 β Recent Transactions
05:20:50 β Connect Multiple Bank Accounts
05:25:45 β Transaction History Page
05:33:20 β My Banks Page
05:41:47 β Transfer Payment Page
05:57:43 β Displaying Real-time Transactions
06:03:17 β Pagination and Spending Categories
06:18:33 β Deployment & Fixing Production Errors
Posted May 4
click to rate
Share this page with your family and friends.