https://github.com/abhinavkumar2369/web-payment-form

A payment form web template made using Vite.
https://github.com/abhinavkumar2369/web-payment-form

credit-card css html javascript netbanking payment-form upi vite vitejs web web-development

Last synced: about 6 hours ago
JSON representation

A payment form web template made using Vite.

• Host: GitHub
• URL: https://github.com/abhinavkumar2369/web-payment-form
• Owner: abhinavkumar2369
• License: mit
• Created: 2024-06-02T04:56:46.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-05T16:45:22.000Z (5 months ago)
• Last Synced: 2024-06-06T18:18:25.957Z (5 months ago)
• Topics: credit-card, css, html, javascript, netbanking, payment-form, upi, vite, vitejs, web, web-development
• Language: CSS
• Homepage:
• Size: 47.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


     
Web Payment Form

     

     


     


     

     

     


     


     

     

     


     

     

     

     

     

     

     


     

     


     

     

     


     

     

     

     

     

     

     


     

     

     

     

     

     

     

     


     



## Overview 🌟

- This is a simple web payment form template built using Vite, allowing users to make payments securely online.

## Features 🚀

- Credit Card Page

- UPI Page

- Net Banking Page

## Installation

1. Clone this repository:

   ```bash

   git clone https://github.com/abhinavkumar2369/Web-Payment-Form.git

   ```

2. Navigate to the directory:

    ```bash

    cd Web-Payment-Form

    ```

3. Install dependencies:

   

    ```bash

    npm install

    ```

4. Run the application:

   

   ```bash

   npm run dev -- --host

   ```

## Screenshot 🖼️

### Desktop View

![Credit-Card](https://github.com/user-attachments/assets/bc242141-37d8-4721-bcb6-c360928273d7)

![Upi](https://github.com/user-attachments/assets/e10b86b0-f639-480f-8aaa-daad613adbf4)

![Net-Banking](https://github.com/user-attachments/assets/6108035b-99c9-4e6d-99d4-f7a8d49fa218)

### Mobile View

![Combined Screenshot](https://github.com/user-attachments/assets/ed64382c-973d-4fbb-8860-2254e21d31ba)

## Attribution 🙏

- Logo Image used in the Repository belong to the [SVG Repo](https://www.svgrepo.com/) Website.

## Contributions 🧑‍💻

Contributions are welcome! Please feel free to submit issues and pull requests.

## License 🪪

This project is licensed under the [MIT License](LICENSE).