Learn how to build and deploy a banking app with a financial 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/JSMastery50
Sentry: https://bit.ly/4abT6PG

Horizon Design Figma file: https://resource.jsmastery.pro/banking-app
Logical flowchart Figjam file: https://resource.jsmastery.pro/banking-app-flow

Become one of the top 1% Next.js 14 developers in just one course: https://www.jsmastery.pro/next14
Boost your career in 4 months: https://www.jsmastery.pro/masterclass

Materials/References:
GitHub Repository (star it): https://github.com/adrianhajdin/banking
README (resources and 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/javascript-mastery-programming-coding-community-710138849350647871
https://twitter.com/jsmasterypro
https://www.instagram.com/javascriptmastery
https://linkedin.com/company/javascriptmastery
https://www.linkedin.com/in/adrianhajdin/

Timestamps
00:00:00 — Introduction
00:03:31 — Setting up
00:20:40 — File and folder structure
00:31:10 — Homepage 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 — Display of real bank details
04:53:58 — Recent transactions
05:20:50 — Connecting multiple bank accounts
05:25:45 — Transaction History Page
05:33:20 — My Banking Page
05:41:47 — Transfer payment page
05:57:43 — Show real-time transactions
06:03:17 — Pagination and Expense Categories
06:18:33 — Implementing and resolving production bugs

Please feel free to share this video with your friends and family if you found it useful.