Live Demo: Donation App
The Donation App is a simple, user-friendly application designed to facilitate donations. Users can easily select a pre-defined donation amount or enter their own custom amount. The app supports payments via PayPal or credit card, ensuring a secure and flexible donation process.
- Pre-defined Donation Amounts: Users can select from a set of predefined donation amounts.
- Custom Donation Amount: Users have the option to enter a custom donation amount.
- Payment Methods: Secure payments through PayPal or credit card.
- Error Handling: Users are prompted with an error message if no amount is selected or entered before attempting to proceed with payment.
- Responsive Design: Optimized for both desktop and mobile devices.
If you want to run the project locally:
- Clone the repository:
git clone https://github.com/yourusername/donation-app.git
- Navigate to the project directory:
cd donation-app - Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open your web browser and navigate to the URL provided in the terminal to access the application.
-
Selecting a Donation Amount:
- Choose a predefined amount by clicking on one of the options.
- Alternatively, enter a custom amount in the provided input field.
-
Proceeding to Payment:
- Once an amount is selected or entered, choose your preferred payment method: PayPal or credit card.
- Follow the on-screen instructions to complete your donation.
-
Missing Donation Amount:
- If you attempt to proceed without selecting or entering a donation amount, an error message will appear prompting you to choose or enter an amount. This ensures that all users make a conscious decision about the donation amount before moving forward.
-
Successful Payment:
- After a successful payment, the app will display a confirmation message indicating that the payment was successful. This helps reassure users that their donation has been processed correctly.
-
Cancelled Payment:
- If you decide to cancel the payment process, the app will redirect you to a message indicating that the payment was cancelled. This ensures that users are aware that no transaction was completed.
- PayPal: You can donate securely using your PayPal account.
- Credit Card: If you prefer, you can donate using your credit card. The app supports all major credit cards.
We welcome contributions to improve the app! To contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature-name
- Make your changes.
- Commit and push your changes:
git commit -m "Add new feature" git push origin feature-name - Create a Pull Request explaining your changes.