Up recently released the beta version of their API and I decided to build a web app to complement Up's mobile app (I've found this also makes a great PWA iPad app for Up too).
This app also uses the SWR (stale-while-revalidate) HTTP strategy, so your balances and transactions refresh auto-magically (try it out by transferring some 💰).
You can visit the site here and use your own Personal Access Token 👾 (which you can get here), to view your transactions and savers. OR you can fork/clone the repo and play with it on your own machine.
As the API is in beta, not many features are available nor is much data, so it's really just a read-only dashboard for now. However, I plan on building some features into the project as the API blossoms! 🎉
DISCLAIMER This site is not affiliated with Up Banking in any way. It's purely an exercise of experimention with their API. Your token is not sent to any server etc, it is only stored in React's state, and wiped on refresh.
Thank you for the awesome API @up-banking! ⚡️
Built by Peter Skaltsis.
Some potential extensions:
- Add a savers to show your transactions for each account.
- Add a webhook manager (create, list, delete etc).
- Add icons and more detail to transactions (once available in the API).
- Build a payment process (once available in the API).
- Show profile information (if available in the API).
First, install dependencies with:
npm i
# or
yarnThen, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file (note, it full reloads the page due to the dodgy re-rendering of the single page).
The easiest way to deploy the Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.