# Seamless Payment Experience: A Full-Stack Solution

> Imagine effortlessly managing all your transactions from a single, intuitive interface. This project delivers a cutting-edge payment portal that seamlessly integrates a sleek Angular front-end with a robust Spring Boot REST API and a MySQL backend. From logging in and making transactions to reviewing your transaction history and analyzing data through dynamic dashboards, this application ensures a smooth, efficient payment experience. Explore the advanced features of this full-stack solution and experience the future of digital payments.

- **Author:** Keshav Lingala (Senior Software Engineer) — https://keshav.codes
- **Published:** August 2021
- **Project page:** https://keshav.codes/payment-dbs/ (screenshots and diagrams are on that page)
- **Tech:** HTML, CSS, Javascript, Typescript, Angular, Spring Boot, MySQL, PWA
- **Source:** https://github.com/keshavlingala/payment-angular
- **Source (2):** https://github.com/keshavlingala/payment-project
- **Topics:** Angular app, DBS, Spring Boot, MySQL, training, Banking, REST API, Java Application, Google Material Design, Keshav Lingala, Keshav Reddy, Keshav Reddy Lingala, Lingala Keshav Reddy, Keshav

---

A payment portal front end integrated with a Spring Boot backend — the [Payment Spring Server](https://github.com/keshavlingala/payment-project).

## Employee Login (Optional)

*Figure: Login Screen*

## Home Screen — Transaction Form

*Figure: Home Page*

## Transaction History

*Figure: Transaction history*

## Analytics Dashboard

<img src="/gifs/analytics.gif" alt='Analytics Screen'/>

## Making a Transaction

<img src="/gifs/transaction.gif" alt='Transaction Screen'/>

## Dynamic History Search

<img src="/gifs/dynamicSearch.gif" alt='Search Screen'/>

# Payment Backend

A REST API exposing minimal endpoints with CRUD operations over a MySQL 5 database. The front end for this project lives at [Payment Angular](https://github.com/keshavlingala/payment-angular).

## List of Endpoints

<img src="/gifs/api-endpoints.gif" alt='API Endpoints'/>

> API documentation generated using OpenAPI.

## Database Design

*Figure: Database Design*

---

From the project archive of Keshav Lingala — https://keshav.codes. Machine-readable index: https://keshav.codes/llms.txt