{"id":13695137,"url":"https://github.com/robcalcroft/monzoweb","last_synced_at":"2025-04-10T19:51:07.065Z","repository":{"id":66165939,"uuid":"55164255","full_name":"robcalcroft/monzoweb","owner":"robcalcroft","description":":moneybag: View your Monzo account from your browser and view all your transactions on an interactive map!","archived":false,"fork":false,"pushed_at":"2018-06-24T19:00:53.000Z","size":1351,"stargazers_count":79,"open_issues_count":7,"forks_count":21,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-24T17:49:19.183Z","etag":null,"topics":["banking","fintech","mobile","mondo","monzo","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/robcalcroft.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-03-31T16:04:04.000Z","updated_at":"2024-06-23T12:06:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"b87bc3cb-4e68-402e-9c21-2a9d1573d42a","html_url":"https://github.com/robcalcroft/monzoweb","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robcalcroft%2Fmonzoweb","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robcalcroft%2Fmonzoweb/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robcalcroft%2Fmonzoweb/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robcalcroft%2Fmonzoweb/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robcalcroft","download_url":"https://codeload.github.com/robcalcroft/monzoweb/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248283343,"owners_count":21077825,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["banking","fintech","mobile","mondo","monzo","react"],"created_at":"2024-08-02T18:00:18.098Z","updated_at":"2025-04-10T19:51:07.057Z","avatar_url":"https://github.com/robcalcroft.png","language":"JavaScript","funding_links":[],"categories":["Apps"],"sub_categories":[],"readme":"# :moneybag: Monzoweb\nView your Monzo account from your browser and view all your transactions on an interactive map!\n\n![monzoweb screenshot of main interface](screenshot.png)\n\n## Monzo's Monzoweb\nIn [June 2018, Monzo introduced web.monzo.com](https://monzo.com/blog/2018/06/21/how-to-get-online-in-an-emergency/), a project with similar aims to this one, if you're non technical and or just want to view your transactions and balance in a browser, then [web.monzo.com](https://web.monzo.com) is probably for you. Otherwise keep reading :smile:.\n\n## Getting Started\nIf you're not a developer or have limited technical knowledge, [this longform, simple setup guide](./SIMPLE.md) will help you setup Monzoweb.\n\nIf you're comfortable setting up web projects, just follow these steps:\n1. [Install Node.js](https://nodejs.org/en/download/package-manager/)\n2. `git clone https://github.com/robcalcroft/monzoweb \u0026\u0026 cd monzoweb`\n3. `npm install` to install dependencies\n4. Setup your environment by setting the following variables in a `.env` file:\n```\nMONZO_CLIENT_ID=...\nMONZO_CLIENT_SECRET=...\nMONZO_REDIRECT_URI=...\nGOOGLE_MAPS_API_KEY=...\nPORT=... (this is optional, the API server runs on 8081 by default)\n```\nFor the redirect URI, it should look like: `https://\u003cyour domain\u003e/callback`.\n\nSee `.env-example` for an example of how the file should look.\n\nYou'll also need to grab a Google Maps JavaScript API key, available from https://developers.google.com/maps/documentation/javascript/get-api-key\n\n5. Boot the app with `npm start` which starts the dev server and opens the app in a browser.\n6. In another terminal, run the API server with `npm run start:backend` which allows the frontend app to authenticate with Monzo's servers.\n\n## Running the app for personal use\nFor when you want to use the app without development mode, you can build a static version of the app with `npm run build`. You can then serve the contents of the `dist` directory with something like Nginx. You need to ensure all requests except those starting with `/api` send `index.html` to the client. You can look at `nginx.example.conf` for inspiration. Finally you need to run the API server, I suggest using something like [PM2](http://pm2.keymetrics.io/) to manage the process.\n\n---\n\n__*Only the owner of the Monzo OAuth credentials can sign in using their Monzo account to any OAuth app. This is a constraint from Monzo whilst it is still in beta.__\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobcalcroft%2Fmonzoweb","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobcalcroft%2Fmonzoweb","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobcalcroft%2Fmonzoweb/lists"}