---
title: "Discussion on \"Building a Paytm-Style Payments Frontend with React, TanStack Router, React Query, and Shadcn UI\" | Hashnode"
description: "Discussion on \"Building a Paytm-Style Payments Frontend with React, TanStack Router, React Query, and Shadcn UI\". Learn how to build a Paytm-style payments frontend using React, TypeScript, TanStack Router, React Query, Shadcn UI, Axios, and Bun."
url: "https://hashnode.com/posts/building-a-paytm-style-payments-frontend-with-react-tanstack-router-react-query-and-shadcn-ui/6a21b99df27c616755057bf5"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Building a Paytm-Style Payments Frontend with React, TanStack Router, React Query, and Shadcn UI](https://shubhamsinghbundela.hashnode.dev/building-a-paytm-style-payments-frontend-with-react-tanstack-router-react-query-and-shadcn-ui?utm_source=hashnode&utm_medium=feed)

Learn how to build a Paytm-style payments frontend using React, TypeScript, TanStack Router, React Query, Shadcn UI, Axios, and Bun.

Jun 4 · 39 min read · shubhamsinghbundela.hashnode.dev  
Updated Jun 8  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#typescript](https://hashnode.com/tag/typescript)
-   [#vite](https://hashnode.com/tag/vite)
-   [#bun](https://hashnode.com/tag/bun)
-   [#tanstack-router](https://hashnode.com/tag/tanstack-router)
-   [#tanstack-query](https://hashnode.com/tag/tanstack-query)
-   [#react-query](https://hashnode.com/tag/react-query)
-   [#shadcn-ui](https://hashnode.com/tag/shadcn-ui)
-   [#shadcn](https://hashnode.com/tag/shadcn)
-   [#tailwind-css](https://hashnode.com/tag/tailwind-css)
-   [#axios](https://hashnode.com/tag/axios)
-   [#react-hook-form](https://hashnode.com/tag/react-hook-form)
-   [#frontend-development](https://hashnode.com/tag/frontend-development)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#authentication](https://hashnode.com/tag/authentication)

## Written by

[Shubham Kumar Singh](https://hashnode.com/@shubhamsinghbundela)

@shubhamsinghbundela · India

  
[View profile](https://hashnode.com/@shubhamsinghbundela)

Problem Solver | Full Stack Developer

I'm Shubham (@shubhamsinghbundela), I'm a Software Engineer, a Full-stack developer, a tech enthusiast, and a technical writer here on @Hashnode. I have a strong zeal to share my acquired knowledge and I am also willing to learn from others.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.