The project in five facts.
Challenge, approach and results.
In the diploma thesis, I compare the integration of the Stripe payment system in React applications with Supabase and Next.js. For the case study, I use the Zeen Connect project, in which I connect both user implementations to the same test backend.
I base the research on code review, executed automated tests, actual transactions in Stripe test mode and documented user interface review.
In the comparison, I separate the common backend logic from the differences in user applications. In React, I monitor direct calls from the browser to Supabase Edge Functions, whilst in Next.js I examine the integration of the same backend through server actions.
I assess success based on system response and related payment and booking records in the database.
I execute 948 local tests, a basic payment trial, seven extended integration scenarios and additional tests for pricing, cancellation and requests without authentication. On two webhook endpoints, I execute sixteen requests to verify signatures and mode separation.
With thirteen additional deliveries of the same payment event, I verify that no additional business effects are created. I also verify an actual test refund, appointment change, dispute event and Connect payout.
In the user interface review, I establish that Next.js displays the same booking case in two phases, whilst React displays it in three. In the price summary, I find a discrepancy: React displays 122 euros, whilst Next.js and the backend display 100 euros. In the browser environment used, I also record a problem with loading the card frame.
I support the findings with actual screenshots and heuristic review. As the main result, I highlight the verified operation of selected backend scenarios and the need for unified price display and clear handling of errors in the user flow.
I limit the research to the reviewed version of the applications, selected tasks and test environment. The trials do not include transfer of real money or user research, therefore I do not generalise the findings to all environments and users.
For traceability of results, I preserve test outputs, structured logs and screenshots that enable verification of findings and repetition of trials. In explaining the results, I separate verified business states from interface observations obtained through my own heuristic review.
Module, programme and stories.
Your diploma project for a real company.
A diploma thesis at Academia solves a challenge from a company – often the one where you do your 800 hours of placement. Read about the Umetna inteligenca module or book a consultation.