https://github.com/rakesh9100/the-sparks-foundation-task2

This repository is the second task of the web-development internship by The Sparks Foundation.
https://github.com/rakesh9100/the-sparks-foundation-task2

sparksfoundation-intern task2 web-development

Last synced: about 2 months ago
JSON representation

This repository is the second task of the web-development internship by The Sparks Foundation.

• Host: GitHub
• URL: https://github.com/rakesh9100/the-sparks-foundation-task2
• Owner: Rakesh9100
• Created: 2022-10-15T18:17:41.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-24T09:45:15.000Z (11 months ago)
• Last Synced: 2024-02-24T10:33:42.043Z (11 months ago)
• Topics: sparksfoundation-intern, task2, web-development
• Language: JavaScript
• Homepage: https://rakesh9100.github.io/The-Sparks-Foundation-Task2/
• Size: 11.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
📝The-Sparks-Foundation-Web-Development-Internship-Task2📝


 Payment Gateway Integration 


 Website Link :- https://rakesh9100.github.io/The-Sparks-Foundation-Task2/ 

 This is a simple website where payment gateway is integrated. 


- There is a simple donate button on homepage. On clicking the donate button, the user lands on the payment page where user can select the amount to be paid and the payment type, e.g. credit card, Paypal, etc.



- Once the payment is done and invoice is generated and email is sent to the user for the payment received. The invoice contains the amount.



- On any page/email, only basic information is needed.



- Created my own temporary/sandbox/testing accounts with 3rd party for integrations.



- Hosted the website at github.io. Check in code in github.



 Screenshots: 


 1. Home Page 


![1](https://user-images.githubusercontent.com/73993775/196004168-e18aa2e3-98f7-48b4-8c7b-404acec1c6a2.png)

 2. Personal Details Page 


![2](https://user-images.githubusercontent.com/73993775/196004176-fe6894a4-fc4c-4e7f-a394-3e1d4b4274e4.png)



![3](https://user-images.githubusercontent.com/73993775/196004178-5df61be0-428b-42b9-92f3-7aa0b6cafb0b.png)

 3. Payment Window 


![4](https://user-images.githubusercontent.com/73993775/196004183-950abe5d-047d-4f73-a0c1-8b67cec14a5a.png)

 4. Card Details 


![5](https://user-images.githubusercontent.com/73993775/196004189-08519e87-33b2-47ba-85fc-689f0e655fb4.png)

 5. Transaction Completed


![6](https://user-images.githubusercontent.com/73993775/196004191-ba930a3f-c68c-4076-a548-65b9bc2f95ea.png)