Buyte Dashboard

A single-page dashboard application for Buyte - digital wallet payment orchestration, built with CRA, altered with Rescripts and powered by GraphQL and Serverless Functions

Demo

See walkthrough images of Buyte Dashboard

Getting Started

These instructions will get you a copy of the project built for deployment or local development.

Prerequisites

• Node.js 10.0+

Set up

1. Clone the repository git clone git@github.com:rsoury/buyte-dashboard.git
2. Install Node.js Dependencies: yarn
3. Copy your aws-exports.js file from your Amplify Environment to this project's Root Directory
4. Copy .env.example to .env, .env.development or .env.production and configure you environment settings.
5. yarn build

Deployment

1. Deploy your React App. Netlify is a great service for hosting static websites
2. Deploy your Serverless Functions

   sls deploy --stage prod --env production --region ap-southeast-2
   

Local Development

1. In one tab, start your React App - yarn start
2. In another tab, start your offline serverless API - yarn start:connect

Set up Cognito App Client

It is important to configure your Cognito App Client to allow the correct OAuth Flows, and use the correct Callback URL(s) and Sign out URL(s).
Here is an example App Client configuration.
Please be sure to configure the App Client with the Client ID referenced in your aws-exports.js file.

Contribution

Simply fork this repo and make it your own, or create a pull request and we can build something awesome together!

Enterprise Support

Whether you're looking to integrate a Legacy Payment Processor or Banking API, or looking for managed deployment and operation in your cloud, you can contact us at Web Doodle to discuss tailored solutions.

Found this repo interesting?

Star this project ⭐️⭐️⭐️, and feel free to follow me on Github, Twitter or Medium