An open API service indexing awesome lists of open source software.

https://github.com/arnavknayak/stripe-payments

A Full Stack Web Application that highlights the Stripe API's functionality. The Web App tests Stripe Checkout, payment intents, customer info. storage and subscriptions.
https://github.com/arnavknayak/stripe-payments

express firebase oauth reactjs stripe-api

Last synced: 3 months ago
JSON representation

A Full Stack Web Application that highlights the Stripe API's functionality. The Web App tests Stripe Checkout, payment intents, customer info. storage and subscriptions.

Awesome Lists containing this project

README

          

# Stripe Payments

## Description
As SaaS and Cloud products grow, it's becoming really easy to develop new technlogies without reinventing the wheel. We can spin up entire E-Commerce sites through ready-to-use components and infrastructure. I wanted to demo the Stripe API, a payment processing service that provides easy to use web app components for anything internet payment related. I first tested the Stripe Checkout product, which is a pre built, hosted payment page used for quick deployment. I also tested payment intents for when you want to have more flexibility over the payment process and its UI. I tested storing customer credit card information in Stripe through unique customer ids. I also tested the subscription feature by mapping each customer in Stripe to a unique entry in Firebase consisting of their subscription plan data. I used Express for the middle API and React for the front end.

## Pictures






Stripe Checkout. I'd buy that hat tbh.






Payment Intents






Stored Customer Credit Card Information






Subscriptions

## Technologies
- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
- ![Firebase](https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white)
- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
- Stripe API (https://stripe.com/docs/api)

---
*Made with <3 by Arnav, circa 2022*