All Projects → starlingbank → Starling Api Web Starter Kit

starlingbank / Starling Api Web Starter Kit

Starter kit and example app for using the Starling API.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Starling Api Web Starter Kit

Graphql Starter
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.
Stars: ✭ 3,377 (+7241.3%)
Mutual labels:  api, starter-kit, oauth
Nextsimplestarter
🐳 Simple and Accessible PWA boilerplate with Nextjs 10 + React Hooks
Stars: ✭ 744 (+1517.39%)
Mutual labels:  webpack, starter-kit
Webpack Simple Starter
A simple webpack starter without framework (Like Vue, React, Angular, etc.)
Stars: ✭ 661 (+1336.96%)
Mutual labels:  webpack, starter-kit
Puppy
Starter kit and delivery system for building static prototypes with Twig
Stars: ✭ 25 (-45.65%)
Mutual labels:  webpack, starter-kit
Webpack Starter Basic
A simple webpack starter project for your basic modern web development needs.
Stars: ✭ 552 (+1100%)
Mutual labels:  webpack, starter-kit
Serverless Typescript Starter
🗄🙅‍♀️ Deploy your next serverless JavaScript function in seconds
Stars: ✭ 653 (+1319.57%)
Mutual labels:  webpack, starter-kit
Github Create Token
Create a Github OAuth access token.
Stars: ✭ 6 (-86.96%)
Mutual labels:  api, oauth
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (+734.78%)
Mutual labels:  webpack, starter-kit
Api Example
WIP: Just sample app with API
Stars: ✭ 12 (-73.91%)
Mutual labels:  api, example
Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (+1982.61%)
Mutual labels:  webpack, example
Robinhood React
Robinhood trading with ReactJS
Stars: ✭ 31 (-32.61%)
Mutual labels:  api, webpack
Universal Starter
Angular 9 Universal repo with many features
Stars: ✭ 518 (+1026.09%)
Mutual labels:  webpack, example
React Starter Kit
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: ✭ 21,060 (+45682.61%)
Mutual labels:  webpack, starter-kit
Postgrest Starter Kit
Starter Kit and tooling for authoring REST API backends with PostgREST
Stars: ✭ 657 (+1328.26%)
Mutual labels:  api, starter-kit
Spruce
A social networking platform made using Node.js and MongoDB
Stars: ✭ 399 (+767.39%)
Mutual labels:  api, oauth
Pizzly
The simplest, fastest way to integrate your app with an OAuth API 😋
Stars: ✭ 796 (+1630.43%)
Mutual labels:  api, oauth
Twitchcsharp
Twitch C# Wrapper for the Twitch v3 REST API
Stars: ✭ 36 (-21.74%)
Mutual labels:  api, oauth
Google Translate
翻译工具 支持网页翻译和文本翻译
Stars: ✭ 356 (+673.91%)
Mutual labels:  api, webpack
Go Api Boilerplate
Go Server/API boilerplate using best practices DDD CQRS ES gRPC
Stars: ✭ 373 (+710.87%)
Mutual labels:  api, starter-kit
Wordpress Starter
📦 A starter template for WordPress websites
Stars: ✭ 26 (-43.48%)
Mutual labels:  webpack, starter-kit

Starling Developers
Web Starter Kit

This project contains a sample web application that integrates with the Starling Bank API to retrieve a customer's transaction history. The React Redux application is based on this starter kit and is comprised of a simple REST API written in javascript using node.js with express. The

Looking for the Mobile Starter Kit instead?

Getting Started

Please also take a look at the higher-level Getting Started Guide on our site, which covers usage of our API as a whole.

Prerequisites

The only prerequisite is Node.js. The best way to install Node.js is with nvm.

Installation

From the root of the project, install dependencies as follows.

npm install

Start the application

npm start

This will serve the client application on localhost:3000 when using the default configuration.

Configuration

You must register an application on the Starling Developers site to obtain a client_id and client_secret. The client_id and client_secret should then be configured in the server/config.json file. The redirect URL registered in the developer portal must match the configured URL in this application.

The config.json file will look like this

{
  "clientId": "<application client id>",
  "clientSecret": "<application client secret>",

  "cookieSecret": "21e361d0-ff2c-4763-a084-1032f2103ce8",

  "productionApi": "https://api.starlingbank.com",
  "personalAccessToken": "<personal access token>",

  "SANDBOX_CONFIG_COMMENT": "Do not keep the store file in the app root dir or it will restart everytime it is written to!",
  "sandboxLocalTokenStore": "../starling-api-web-starter-kit-sandbox-token-store.json",
  "sandboxApi": "https://api-sandbox.starlingbank.com",
  "sandboxAccessToken": "<sandbox access token from Starling Developers site>",
  "refreshToken": "<refresh token from Starling Developers site>",

  "oauthApi": "https://oauth.starlingbank.com",
  "oauthRedirectUri": "http://localhost:3000/api/oauth/redirect"
}

The missing bits of config are specific to your account - your application, your sandbox customer, your personal access.

You can fill in this config as suits your use-case, be it personal access, sandbox, or oauth/production.

OAuth/Production

Simply replace <application client id> and <application client secret> with the client_id and client_secret for your application.

{
  "clientId": "<application client id>",
  "clientSecret": "<application client secret>",

  "cookieSecret": "21e361d0-ff2c-4763-a084-1032f2103ce8",

  "productionApi": "https://api.starlingbank.com",

  "oauthApi": "https://oauth.starlingbank.com",
  "oauthRedirectUri": "http://localhost:3000/api/oauth/redirect"
}

Sandbox

For the sandbox environment setup, use the config file, config.json, correctly filling in the following fields:

{
  "clientId": "<application client id>",
  "clientSecret": "<application client secret>",

  "cookieSecret": "21e361d0-ff2c-4763-a084-1032f2103ce8",

  "SANDBOX_CONFIG_COMMENT": "Do not keep the store file in the app root dir or it will restart everytime it is written to!",
  "sandboxLocalTokenStore": "../starling-api-web-starter-kit-sandbox-token-store.json",
  "sandboxApi": "https://api-sandbox.starlingbank.com",

  "sandboxAccessToken": "<sandbox access token from Starling Developers site>",
  "refreshToken": "<refresh token from Starling Developers site>"
}

Where the sandboxAccessToken and refreshToken are the sandbox customer's access and refresh tokens from the sandbox environment.

You can then start then select the sandbox from the landing page of your application.

Note: the current implementation uses LokiJS for in-memory storage of access and refesh tokens so the server can be restarted without having to replace the tokens in the `config.json`. This is temporary, as a programmatic method for retrieval of an application's sandbox customers is in the works.

Personal Access

This starter kit can also be used to access your own Starling Bank data, right out of the box. This can be achieved by entering your token into the config.json file under personalAccessToken.

{
  "cookieSecret": "21e361d0-ff2c-4763-a084-1032f2103ce8",
  "productionApi": "https://api.starlingbank.com",
  "personalAccessToken": "<personal access token>"
}

Your personal access token can be obtained from your developer account after linking it to your customer account.

Mobile Starter Kit Users

Those using the React Native mobile starter kit need to also clone this repo and follow the installation instructions above, while replacing the contents of the config.json file with that given in the mobile starter kit README.md

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].