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

query getTransactions {
  getTransactions {
    amount
    currency
    chargeId
    status
  }
}

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

</aside>