watermark logo

ื”ื‘ื

ื”ืคืขืœื” ืื•ื˜ื•ืžื˜ื™ืช

Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14

0 ืฆืคื™ื•ืช โ€ข 10/12/24
ืœึทื—ึฒืœื•ึนืง
ืœึฐืฉืึทื‘ึผึตืฅ
121gamers
121gamers
14 ืžื ื•ื™ื™ื
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/JSMastery50
๐ŸŒŸ 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/javascript-....mastery-programming-
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

ืœื”ืจืื•ืช ื™ื•ืชืจ
ืชื’ื•ื‘ื•ืช ื‘ืคื™ื™ืกื‘ื•ืง

ื”ื‘ื

ื”ืคืขืœื” ืื•ื˜ื•ืžื˜ื™ืช