Welcome to Memberstack’s React testing project 👋

Getting Started

1. Clone our dashboard repo here → https://github.com/Memberstack/memberstack-dash
2. Please branch off of dev → Create a new branch called test-project/your name
3. run yarn
4. create a .env.development file with the following env variables

API_ENDPOINT=https://dev-api.memberstack.com/graphql
REACT_APP_PUBLIC_POSTHOG_KEY=phc_K5q8e5XptMUOBOG3N12fN8edKrgRF67mCMkyT2OrkEQ
REACT_APP_PUBLIC_POSTHOG_HOST=https://app.posthog.com
STRIPE_REDIRECT_URI=placeholder
STRIPE_CLIENT_ID=placeholder
FLATFILE_LICENSE_KEY=placeholder
GOOGLE_CLIENT_ID=placeholder
CSVBOX_LICENSE_KEY=placeholder
PIE_SOCKET_CLUSTER_ID=placeholder
PIE_SOCKET_API_KEY=placeholder

<aside> 👉 You do need the variables that have “placeholder” as value. Leaving them out will cause the dashboard to not load.

</aside>

1. Run the dashboard with yarn start
2. Signup and Create an App.

The project.

Goal → Build the transaction table seen in these designs (figma link here)

Notes

• The table should be placed on the existing settings/stripe-settings page
• You need to retrieve transactions via the following graphql query

query getTransactions {
  getTransactions {
    amount
    currency
    chargeId
    status
  }
}

<aside> 👉 The backend returns dummy data for transactions.

</aside>

• Our dashboard / API use graphql-codegen. Run yarn generate to sync the API types with the dashboard local files.