Stripe Demo

In this there are three example in stripe payments Add account , Detail Card and Split Card.

Introduction · Tech Stack + Features ·

Introduction

In this there are three example in stripe payments

• Add account ·
• Detail Card ·
• Split Card ·

Tech Stack + Features

Add Account

Detail Card

Split card

Frameworks

• Next.js – React framework for building performant apps with the best developer experience

Platforms

• stripe – Managing aal payment format from stripe .
• Vercel – Easily preview & deploy changes with git

UI

• Tailwind CSS – Utility-first CSS framework for rapid UI development

• Stripe – Motion library for React to animate components with ease

• next/font – Optimize custom fonts and remove external network requests for improved performance

• react-wrap-balancer – Simple React component that makes titles more readable

Hooks and Utilities

• useLocalStorage – Persist data in the browser's local storage
• nFormatter – Format numbers with suffixes like 1.2k or 1.2M
• capitalize – Capitalize the first letter of a string
• truncate – Truncate a string to a specified length
• use-debounce – Debounce a function call / state update

Code Quality

• TypeScript – Static type checker for end-to-end typesafety
• Prettier – Opinionated code formatter for consistent code style
• ESLint – Pluggable linter for Next.js and TypeScript

Miscellaneous

• Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way