
Angular 9 + .NET 6 Core Stripe Checkout + Subscription
- or -
Post a project like this980
$36/hr
- Posted:
- Proposals: 31
- Remote
- #3644004
- Awarded
Full Stack Developer : PHP| React | Angular | Node.js | IONIC | React Native | Mobile App Development

Experts in Web development: Asp.Net Core/MVC | Javascript: Angular | SQL Expert | API Integration | Third Party API Integration: Quickbooks, Paya Payment API | With 5+ Years of Experience.
ASP.NET MVC | C# |VB.NET | Kentico | React Native | Web API | Angular | React.JS | Android | IOS | Swift

44962182274804433247423431082949537591539075159522748827762954734370466416892299023




Description
Experience Level: Expert
Hi,
I would like a sample Angular 9 front-end + .NET 6 Core back-end built that will have a payments page built using Checkout from Stripe Payment system to purchase a MONTHLY subscription with a set dollar amount. I need this so I can include the payment pages in the website I am building. Do not worry about authentication as I already have all of that.
Front-end = Angular 9 Interface
Back-end = .NET 6 Core server
Stripe = Anything pertaining to Stripe payment system
The sample website will have the following pages/endpoints (An example of the basic flow: https://u5n7k.sse.codesandbox.io/):
1) Front-end: Subscription selection page - 1 to 3 cards with a title and amount to pay
2) Back-end: Get Session ID from Stripe and pass redirect URL OR failure URL and details why
3) Front-end: Redirect to Checkout page based on Session ID returned from Back-end (Reference GitHub page to see sample data to use to test)
4) Back-end: Build Webhooks for different success and failure situations for payment
5) Front-end: Redirect to success or failure page based on what is returned by Stripe + Back-end - include a link to the Stripe Customer Portal so customer can view the subscription immediately after purchase. I will be using this link in an email generated for the customer as well.
References for help:
Sample Project - https://github.com/stripe-samples/checkout-single-subscription
Subscription Integration Starting Point - https://stripe.com/docs/billing/subscriptions/designing-integration
Code samples for Checkout + Subscription in .NET - https://stripe.com/docs/billing/subscriptions/build-subscriptions?ui=checkout
Stripe API Reference - https://stripe.com/docs/api
Quickstart Billing + Subscription - https://stripe.com/docs/billing/quickstart
Customer Portal Docs - https://stripe.com/docs/billing/subscriptions/integrating-customer-portal
* Please provide an estimated duration in hours to create the solution.
* The main Angular project uses Bootstrap 4 for CSS and design elements
* This project does NOT need to save to a database. It only needs to save data in local variables. The code will be integrated into an existing project, just need the basic code written for that integration.
Important ** - The solution needs to be built with Visual Studio Code and Visual Studio 2022 and at the end I will need to receive 2 folders with each project (Angular and VS 2022 Solution). I need to be able to load dependencies and run.
I would like a sample Angular 9 front-end + .NET 6 Core back-end built that will have a payments page built using Checkout from Stripe Payment system to purchase a MONTHLY subscription with a set dollar amount. I need this so I can include the payment pages in the website I am building. Do not worry about authentication as I already have all of that.
Front-end = Angular 9 Interface
Back-end = .NET 6 Core server
Stripe = Anything pertaining to Stripe payment system
The sample website will have the following pages/endpoints (An example of the basic flow: https://u5n7k.sse.codesandbox.io/):
1) Front-end: Subscription selection page - 1 to 3 cards with a title and amount to pay
2) Back-end: Get Session ID from Stripe and pass redirect URL OR failure URL and details why
3) Front-end: Redirect to Checkout page based on Session ID returned from Back-end (Reference GitHub page to see sample data to use to test)
4) Back-end: Build Webhooks for different success and failure situations for payment
5) Front-end: Redirect to success or failure page based on what is returned by Stripe + Back-end - include a link to the Stripe Customer Portal so customer can view the subscription immediately after purchase. I will be using this link in an email generated for the customer as well.
References for help:
Sample Project - https://github.com/stripe-samples/checkout-single-subscription
Subscription Integration Starting Point - https://stripe.com/docs/billing/subscriptions/designing-integration
Code samples for Checkout + Subscription in .NET - https://stripe.com/docs/billing/subscriptions/build-subscriptions?ui=checkout
Stripe API Reference - https://stripe.com/docs/api
Quickstart Billing + Subscription - https://stripe.com/docs/billing/quickstart
Customer Portal Docs - https://stripe.com/docs/billing/subscriptions/integrating-customer-portal
* Please provide an estimated duration in hours to create the solution.
* The main Angular project uses Bootstrap 4 for CSS and design elements
* This project does NOT need to save to a database. It only needs to save data in local variables. The code will be integrated into an existing project, just need the basic code written for that integration.
Important ** - The solution needs to be built with Visual Studio Code and Visual Studio 2022 and at the end I will need to receive 2 folders with each project (Angular and VS 2022 Solution). I need to be able to load dependencies and run.

Rick B.
100% (1)Projects Completed
1
Freelancers worked with
1
Projects awarded
100%
Last project
9 Aug 2022
United States
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies