https://github.com/rsoury/buyte-dashboard
Buyte Dashboard built on a React.js and Serverless Framework
https://github.com/rsoury/buyte-dashboard
amplify dashboard graphql nodejs reactjs serverless
Last synced: about 2 months ago
JSON representation
Buyte Dashboard built on a React.js and Serverless Framework
- Host: GitHub
- URL: https://github.com/rsoury/buyte-dashboard
- Owner: rsoury
- License: bsd-3-clause
- Created: 2021-10-06T04:54:20.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-10-12T10:49:03.000Z (over 4 years ago)
- Last Synced: 2025-11-18T09:20:20.334Z (7 months ago)
- Topics: amplify, dashboard, graphql, nodejs, reactjs, serverless
- Language: JavaScript
- Homepage:
- Size: 1.33 MB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://github.com/rsoury/buyte-dashboard/blob/master/docs/dashboard-walkthrough/)
## 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](https://netlify.com/) 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](https://github.com/rsoury/buyte-dashboard/blob/master/docs/cognito-app-client.png).
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](https://www.webdoodle.com.au/?ref=github-buyte) to discuss tailored solutions.
## Found this repo interesting?
Star this project ⭐️⭐️⭐️, and feel free to follow me on [Github](https://github.com/rsoury), [Twitter](https://twitter.com/@ryan_soury) or [Medium](https://rsoury.medium.com/)