Payment integration

Hi there,

I'm looking for an experienced full-stack developer to help me integrate Stripe and PayPal into my web application. My app is built with a Laravel backend and a React frontend, each in its own Git repository. The whole project is designed to run in a Docker environment. Please note: the user-facing language of the application is Bulgarian, so you will encounter Bulgarian text in the UI components. However, all of our communication will be in English.

The main goal is to set up a payment system where my users can subscribe to a monthly plan or choose to pay for a full year upfront at a discount. I'm hoping to find someone who can jump in and get this built efficiently. I've done my best to prepare everything you'll need: I have a brand new Figma design for the main plans page, and I've already generated the test API keys for both Stripe and PayPal.

What I Need You to Build

Here’s a breakdown of the core tasks I need help with:

1. Frontend Work (React)

• Build out the new 'Plans & Pricing' page from the Figma design I'll provide.

• Redesign the existing pre-checkout page. After a user chooses a plan, they land on a summary page before the final checkout. This page needs to be updated to cleanly present the choice between the monthly subscription and the discounted one-time annual payment.

• Implement the UI for users to switch between these two options (monthly vs. annual).

• When a user selects the annual option, the UI should automatically show the 12% discount and the final price.

• Add an input field for promo codes on the redesigned pre-checkout page, but please make sure it only shows up when the user selects the one-time annual plan.

• Implement the final payment forms that integrate with Stripe (ideally Stripe Elements) and PayPal.

• Handle all the user feedback, like success messages, loading states, and any payment errors.

2. Backend Work (Laravel)

• Integrate the Stripe and PayPal APIs to handle two payment types: recurring monthly subscriptions and a one-time payment for 12 months of access.

• Implement the discount logic: a 12% discount should be automatically applied to the one-time annual payment.

• Take my current mock promo code system and build the real backend logic for it. This includes validating codes and applying the correct discount. Remember, the promo codes should only work for the one-time annual payment.

• Set up webhook listeners for Stripe and PayPal. I need my app to react to events like successful payments, failed payments, or cancellations so that user subscription statuses are always up-to-date in the database.

• Update my database schema to track user subscriptions, payment history, plan details, and which promo codes have been used.

Our Technology Stack

• Backend: Laravel

• Frontend: React

• Environment: Docker

• Payment Gateways: Stripe, PayPal

What I'll Provide You With

• Full access to my two private Git repositories (frontend and backend).

• Docker files for both projects to help you spin up the local development environment.

• A short intro video where I'll walk you through the current application and the project setup.

• The detailed Figma link for the new 'Plans' page design.

• All necessary test API keys and sandbox account details for both Stripe and PayPal.

• My full attention and quick answers to any questions you have along the way.

I'm Looking for a Developer Who...

• Has proven, hands-on experience with both Stripe Subscriptions and PayPal Payments. I'd love to see examples of your past work in your application.

• Is highly proficient with both Laravel and React.

• Is comfortable working in a Docker-based development environment.

• Has a keen eye for design and can turn a Figma file into a clean, responsive UI.

• Understands payment security and knows how to build reliable webhook handlers.

• Is a strong communicator and takes a proactive approach to their work.

• Is fluent in English for all project-related communication.