🐢 My React Native pet project
Switch branches/tags
Nothing to show
Clone or download
Latest commit 2934c36 Oct 19, 2018

README.md

Simplest in-person payments

Start API server

You will need Elixir to run it:

(cd backend ; mix run --no-halt)

http://127.0.0.1:4040/graphiql

Start Webserver

(cd frontend/apps/website ; yarn start)

http://127.0.0.1:8080/webpack-dev-server/index.html

See: https://github.com/webpack/docs/wiki/webpack-dev-server

Start iOS simulator

(cd frontend ; yarn ios)

This should just work (if you have Xcode installed).

Directory structure

.
β”œβ”€β”€ backend
β”‚Β Β  β”œβ”€β”€ apps
β”œβ”€β”€ cloudbuild.yaml
└── frontend
 Β Β  β”œβ”€β”€ apps
 Β Β  β”œβ”€β”€ flow-typed
 Β Β  β”œβ”€β”€ npm
 Β Β  β”œβ”€β”€ packages
 Β Β  β”œβ”€β”€ schema.graphql
 Β Β  β”œβ”€β”€ scripts
node ./scripts/publish-npm-packages.js

TODO

QR Code Specification

QR code should contain only unique ID for every retailer. Behind this merchant UID:

  • currency of the merchant
  • other details (TODO)

Scenes

Onboarding

  • create your account (email + password)
  • add debit card
  • how does it work (scan QR code, entry amount to pay, show to the retailer, go)

References:

Payment

  • QR code scanner
  • rejected code scanner permissions
  • amount to pay (after QR code)
  • confirmation (for the retailer) - should retailer get a notification?
  • rejection (for the customer)

References:

Dashboard

  • dashboard with payment history

Others

  • become retailer
  • debit cards overview (safe storage needed)
  • profile of the user + logout

Building Standalone Apps for Android and iOS