Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/chiragyadav2003/paytm

This project is a solo endeavor showcasing a web application inspired by digital payment platforms. Users can create accounts, transfer funds, and send money securely. The tech stack includes Node.js, Docker, AWS, TypeScript, Next.js, PostgreSQL, and more for a robust and efficient system.
https://github.com/chiragyadav2003/paytm

aws bcrypt ci-cd-pipeline docker githubworkflow nextauth nextjs nodejs postgresql prisma recoil tailwind turborepo typescript webhook

Last synced: 6 days ago
JSON representation

This project is a solo endeavor showcasing a web application inspired by digital payment platforms. Users can create accounts, transfer funds, and send money securely. The tech stack includes Node.js, Docker, AWS, TypeScript, Next.js, PostgreSQL, and more for a robust and efficient system.

Awesome Lists containing this project

README

        

Paytm

project-image

In this project I have meticulously crafted a web application that mimics the functionality of leading digital payment platforms. By leveraging cutting-edge technologies and best practices I have created a seamless user experience for managing transactions and interactions within the app.

shields

🧐 Features

Here're some of the project's best features:

- Users can create accounts transfer funds to their app wallet and send money to other users. The system ensures transaction integrity through database transactions mirroring the reliability of bank transactions. Successful transfers credit the recipient and debit the sender while any errors result in a rollback to maintain data consistency.

- By combining these technologies and functionalities my project aims to deliver a robust scalable and secure digital payment solution that provides a seamless experience for users.

📷 Project ScreenShot

1. Login / Signup

![1715687470788](image/README/1715687470788.png)

2. Dashboard

![1715687500495](image/README/1715687500495.png)

3. Transfer page

![1715687798328](image/README/1715687798328.png)

4. Transfer money from bank to wallet

![1715687844592](image/README/1715687844592.png)
![1715687883305](image/README/1715687883305.png)

5. P2P transaction page

![1715687609259](image/README/1715687609259.png)

6. Making P2P transfer

![1715688157239](image/README/1715688157239.png)
![1715688121623](image/README/1715688121623.png)


📒 Project Description

### Paytm Web App

Welcome to my solo project, a dynamic web application inspired by popular digital payment platforms. This project showcases my expertise in building a comprehensive payment system using a carefully selected tech stack.

### Introduction

In this project, I have meticulously crafted a web application that mimics the functionality of leading digital payment platforms. By leveraging cutting-edge technologies and best practices, I have created a seamless user experience for managing transactions and interactions within the app.

### Functionality

Users can create accounts, transfer funds to their app wallet, and send money to other users. The system ensures transaction integrity through database transactions, mirroring the reliability of bank transactions. Successful transfers credit the recipient and debit the sender, while any errors result in a rollback to maintain data consistency. By combining these technologies and functionalities, my project aims to deliver a robust, scalable, and secure digital payment solution that provides a seamless experience for users.

💻 Built with

Technologies used in the project:

- **Node.js**: Powers the backend API and handles server-side logic
- **Docker**: Containerizes the application for easy deployment and scaling
- **AWS**: Provides cloud infrastructure for hosting the application and managing resources
- **TypeScript**: Enhances code quality and maintainability with static typing
- **Next.js**: Utilized for building the user and merchant apps, offering server-side rendering and static site generation
- **Webhooks**: Enables real-time communication between the application and external services
- **PostgreSQL**: A robust relational database management system for storing and managing user and transaction data
- **bcrypt**: Ensures secure password hashing
- **Prisma**: Simplifies database interactions and migrations with an ORM tool
- **Tailwind CSS**: Styles the user interface with a utility-first CSS framework
- **CI/CD pipeline**: Automates the build, test, and deployment process for consistent releases
- **Recoil**: Manages application state in the user and merchant apps
- **GitHub Workflow**: Enables continuous integration and deployment using GitHub Actions
- **NextAuth**: Provides a secure and user-friendly authentication system for Next.js
- **Turborepo**: Optimizes the development workflow with high-performance build capabilities, caching, and parallel task execution

🛠️ Installation Steps:

1. Clone the repo

```
git clone https://github.com/chiragyadav2003/Paytm
```

2. npm install

```
npm i
```

3. Run postgres either locally or on the cloud (neon.tech)

```
docker run -e POSTGRES_PASSWORD=mysecretpassword -d -p 5432:5432 postgres
```

4. Copy over all .env.example files to .env

5. Update .env files everywhere with the right db url

6. Go to packages/db

```
npx prisma migrate dev
```

```
npx prisma db seed
```

8. Go to apps/user-app run

```
npm run dev
```

9. Try logging in using phone - 1111111111 password - alice (See seed.ts)