Skip to content

An unofficial web app client for Up Banking, built with their new open banking API ⚡️

License

Notifications You must be signed in to change notification settings

peterjskaltsis/up-banking-web-unofficial

Repository files navigation

Unofficial Up Banking Web App — An open banking experiment

The project is built with Next.js and hosted with Vercel.

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.

Extensions

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).

Getting Started

First, install dependencies with:

npm i
# or
yarn

Then, run the development server:

npm run dev
# or
yarn dev

Open 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).

Deploy on Vercel

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.

About

An unofficial web app client for Up Banking, built with their new open banking API ⚡️

Topics

Resources

License

Stars

Watchers

Forks