Welcome to Memberstack’s React testing project 👋
dev
→ Create a new branch called test-project/your name
yarn
.env.development
file with the following env variablesAPI_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>
yarn start
Goal → Build the transaction table seen in these designs (figma link here)
Notes
settings/stripe-settings
pagequery getTransactions {
getTransactions {
amount
currency
chargeId
status
}
}
<aside> 👉 The backend returns dummy data for transactions.
</aside>
yarn generate
to sync the API types with the dashboard local files.