-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5cd1d80
commit a228e4d
Showing
1 changed file
with
68 additions
and
67 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,97 +1,98 @@ | ||
| <div align=center> | ||
| <img src="https://capsule-render.vercel.app/api?type=waving&height=70&color=100:FF0000,20:F0F0F0§ion=footer&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59"/> | ||
|
|
||
|  | ||
| <img src="https://capsule-render.vercel.app/api?type=waving&height=70&color=20:FF0000,100:F0F0F0§ion=header&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59"/> | ||
| # Payment Gateway Website | ||
|
|
||
| This repository serves as a foundation for building a secure and efficient payment gateway website. | ||
|
|
||
| # Guanshiyin | ||
| <hr><br> | ||
|
|
||
| ## Purpose of This Repository | ||
|
|
||
| This repository contains the source code for a payment gateway website. The project demonstrates fundamental principles of secure online transactions and provides a solid foundation for further exploration of payment gateway integrations. | ||
|
|
||
| </div> | ||
| <div align=justify> | ||
| Welcome! I'm Guan, a professional Graphic Design & UI/UX Design with a knack for crafting visually stunning and highly functional websites or design. Combining creativity and technical expertise. I transform your vision into digital masterpiece that excels in both appearance and performance. | ||
| </div> | ||
| <hr><br> | ||
|
|
||
| <div align=center> | ||
|
|
||
| ## About Me | ||
| ## Demonstration | ||
|
|
||
| Check out the live demo of the Payment Gateway Website [here](https://simple-payment-gateaway.guanshiyinnn.com/). | ||
|
|
||
| ### Program Function Demonstration | ||
|
|
||
| Here is a demonstration of the basic payment processing function: | ||
|
|
||
| ```javascript | ||
| // filepath: /opt/lampp/htdocs/Payment-Gateway-Website/src/paymentProcessor.js | ||
| function processPayment(amount, paymentMethod) { | ||
| // ...existing code... | ||
| if (paymentMethod === "creditCard") { | ||
| // Process credit card payment | ||
| } else if (paymentMethod === "paypal") { | ||
| // Process PayPal payment | ||
| } | ||
| // ...existing code... | ||
| return paymentStatus; | ||
| } | ||
| ``` | ||
|
|
||
| </div> | ||
| <div align=justify> | ||
| From Indonesia :indonesia:, I wear two hats: Graphic Designer and UI/UX Designer. Currently, I'm putting my skills to good use at the Amalia Foundation for Orphanage. In my free time, you'll find me exploring the world of technology , getting lost in a good novel , or simply pondering the universe's mysteries. Feel free to connect with me on <a href="https://instagram.com/guanshiyin_">Instagram!</a> | ||
| </div> | ||
| <hr><br> | ||
|
|
||
| <div align=center> | ||
|
|
||
| ## Languages and Tools | ||
| ## Features | ||
|
|
||
| ### Languages | ||
| - Secure payment processing | ||
| - Multiple payment methods (credit card, PayPal, etc.) | ||
| - User-friendly interface | ||
| - Real-time transaction updates | ||
|
|
||
| <img src="https://github.com/devicons/devicon/blob/master/icons/kotlin/kotlin-original.svg" title="Kotlin" alt="Kotlin" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/php/php-original.svg" title="PHP" alt="PHP" width="40" height="40"/> | ||
| <img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/languages/java.svg" title="Java" alt="Java" width="40" height="40"/> | ||
| <img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/languages/python.svg" title="Python" alt="Python" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/c/c-original.svg" title="C" alt="C" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/cplusplus/cplusplus-original.svg" title="C++" alt="C++" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/javascript/javascript-original.svg" title="Javascript" alt="Javascript" width="40" height="40"/> | ||
| <hr><br> | ||
|
|
||
| ### Operation System | ||
| ## Technologies Used | ||
|
|
||
| <img src="https://github.com/devicons/devicon/blob/master/icons/linux/linux-original.svg" title="Linux" alt="Linux" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/ubuntu/ubuntu-original.svg" title="Linux Ubuntu" alt="Linux Ubuntu" width="40" height="40"/> | ||
| <img src="https://seeklogo.com/images/K/kali-linux-logo-93027C57BD-seeklogo.com.png" title="Kali Linux" alt="kali Linux" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/windows11/windows11-original.svg" title="Windows" alt="Windows" width="40" height="40"/> | ||
| - HTML5 | ||
| - CSS3 | ||
| - JavaScript | ||
|
|
||
| ### Frameworks & Libraries | ||
| <hr><br> | ||
|
|
||
| <img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/libraries/react.svg" title="React" alt="React" width="40" height="40"/> | ||
| <img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/frameworks/tailwindcss.svg" title="Tailwind" alt="Tailwind" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/alpinejs/alpinejs-original.svg" title="alpinejs" alt="alpinejs" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/nodejs/nodejs-original.svg" title="NodeJS" alt="NodeJS" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/vuejs/vuejs-original.svg" title="Vue" alt="Vue" width="40" height="40"/> | ||
| <img src="https://gsap.com/favicon-32x32.png" title="GSAP" alt="GSAP" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/laravel/laravel-original.svg" title="Laravel" alt="Laravel" width="40" height="40"/> | ||
| <img src="https://lenis.darkroom.engineering/favicon-32x32.png" title="Lenis" alt="Lenis" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/bootstrap/bootstrap-original.svg" title="Bootstrap" alt="Bootstrap" width="40" height="40"/> | ||
| ## Project Setup | ||
|
|
||
| ### IDE | ||
| 1. **Install XAMPP** | ||
| 2. **Clone this repository** | ||
|
|
||
| <img src="https://github.com/devicons/devicon/blob/master/icons/vscode/vscode-original.svg" title="VS Code" alt="VS Code" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/androidstudio/androidstudio-original.svg" title="Android Studio" alt="Android Studio" width="40" height="40"/> | ||
| ```bash | ||
| git clone https://github.com/guanshiyin28/Payment-Gateway-Website.git | ||
| ``` | ||
|
|
||
| ### Database | ||
| 3. **Direct to directory** | ||
|
|
||
| <img src="https://github.com/devicons/devicon/blob/master/icons/sqlite/sqlite-original.svg" title="SQLite" alt="SQLite" width="40" height="40"/> | ||
| <img src="https://raw.githubusercontent.com/HighAmbition211/HighAmbition211/auxiliary/databases/mysql.svg" title="MySQL" alt="MySQL" width="40" height="40"/> | ||
| ```bash | ||
| cd Payment-Gateway-Website | ||
| ``` | ||
|
|
||
| ### Version Control | ||
| 4. **Move the project to the XAMPP htdocs directory** | ||
|
|
||
| <img src="https://github.com/devicons/devicon/blob/master/icons/git/git-original.svg" title="Git" alt="Git" width="40" height="40"/> | ||
| <img src="https://github.com/devicons/devicon/blob/master/icons/github/github-original.svg" title="GitHub" alt="GitHub" width="40" height="40"/> | ||
| ```bash | ||
| mv Payment-Gateway-Website /opt/lampp/htdocs/ | ||
| ``` | ||
|
|
||
| </div> | ||
| <hr><br> | ||
|
|
||
| <div align=center> | ||
|
|
||
| ## My Stats | ||
| ## Steps to Run | ||
|
|
||
| [](https://github.com/guanshiyin28/) | ||
| 1. **Start the Apache server in XAMPP** | ||
| 2. **Open your web browser and navigate to** | ||
|
|
||
| <img width="600" height="200" src="https://github-readme-stats.vercel.app/api?username=guanshiyin28&show_icons=true&theme=tokyonight"> | ||
| ```bash | ||
| http://localhost/Payment-Gateway-Website | ||
| ``` | ||
|
|
||
| [](https://www.instagram.com/guanshiyin_/) | ||
| <img src="https://github-readme-activity-graph.vercel.app/graph?username=guanshiyin28&theme=tokyo-night&hide_border=true&hide_title=false&area=true&custom_title=Total%20contribution%20graph%20in%20all%20repo"> | ||
| <img src="https://github-profile-trophy.vercel.app/?username=guanshiyin28"> | ||
| <img width="1000" src="https://github.com/guanshiyin28/guanshiyin28/blob/master/assets/snake.svg" alt="snake"/> | ||
| <hr><br> | ||
|
|
||
| ## License | ||
|
|
||
| This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details. | ||
|
|
||
| </div> | ||
| <hr><br> | ||
|
|
||
| <div align=center> | ||
| <a href="https://www.instagram.com/guanshiyin_/"> | ||
| <img src="https://capsule-render.vercel.app/api?type=waving&height=200&color=100:FF0000,20:F0F0F0§ion=footer&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59"/> | ||
| </a> | ||
| <div align="center"> | ||
| <a href="https://www.instagram.com/yourusername/"> | ||
| <img src="https://capsule-render.vercel.app/api?type=waving&height=200&color=100:393E46,20:F7F7F7§ion=footer&reversal=false&textBg=false&fontAlignY=50&descAlign=48&descAlignY=59"/> | ||
| </a> | ||
| </div> |