NGO Donation Web Portal with Campaigns and Donor Tracking

Small NGOs still collect most donations through bank transfers, cash and scattered spreadsheets, so nobody can see in one place how much a campaign has raised, who gave, or whether the money reached the field. An NGO donation web portal with campaigns and donor tracking replaces that scattered process with a single public website where each campaign shows its goal, the amount raised so far and its donor list. Without such a portal, donors hesitate because they cannot verify where their money goes, and staff spend hours reconciling messages, receipts and bank statements by hand. Campaigns also lose momentum when progress is invisible: a donor who cannot see a goal filling up has little reason to give today. The portal solves this by publishing every campaign with a live progress bar, recording every donation with a receipt ID, and letting the NGO post field updates. This project demonstrates that full loop as a working web application.

A donor opens the NGO donation web portal, picks a campaign such as classroom kits, and enters an amount, name and email on the donation form. The portal sends the amount to the Razorpay checkout, which in this project runs in test mode, so the payment is simulated with test credentials and no real money moves. Once the test payment succeeds, the portal records the donation in the MySQL database with a receipt ID, donor details, campaign, amount and payment status, and the campaign total increases immediately. The donor sees a confirmation screen and a receipt ID, and the campaign progress bar moves without a page reload. NGO staff then log in to the dashboard, see the new donation, export records for accounting, and post a field update telling donors what their money achieved. Every step is traceable: one donation produces one database row, one receipt and one visible change in the campaign total.

1. The donor browses the campaign list, where each card shows the goal, the amount raised and a progress bar computed from the donation records.
2. The donor opens the donation form, selects a campaign, enters an amount and contact details, and optionally ticks the anonymous-donation box.
3. The portal hands the amount to the Razorpay checkout in test mode; the test payment is simulated with test credentials and no real money moves.
4. On a successful test payment, the portal inserts one row in the donations table with the receipt ID, donor, campaign, amount and payment status, using a PDO prepared statement.
5. The campaign total and progress bar update immediately on the page, and the donor sees a confirmation with the receipt ID; in the full build a receipt email is also sent.
6. NGO staff log in to the dashboard, see the new donation in the donor table, and can export the list or post a field update for that campaign.

Tech stack:

• PHP 8, MySQL 8
• HTML5 · CSS3 · JavaScript
• Razorpay Checkout (test mode)
• PDO prepared statements
• Apache · XAMPP (local development)
• phpMyAdmin (database management)
• Session-based NGO login
• Git version control

The NGO donation web portal is built around four capabilities that work together: campaign publishing with live progress bars, a donation flow with test-mode payment and instant receipts, a searchable donor tracking table, and an NGO dashboard for managing campaigns and posting field updates. Campaign publishing lets an NGO create a fundraiser with a goal, a description and a deadline, and the portal computes the progress bar from the donation records so the figure shown is always the figure stored. The donation flow accepts an amount, donor details and an optional anonymous flag, then records the payment and issues a receipt ID that the donor can quote later. Donor tracking keeps every donation searchable by name, campaign or receipt ID, with a status for each record. The NGO dashboard adds the management side: recent donations, totals per campaign and a place to publish field updates that donors can read.

• [Campaign publishing with live progress] An NGO creates a campaign with a goal, description and deadline; the portal computes the raised amount and progress bar from the stored donation records, so the public figure always matches the database.
• [Donation form with test-mode checkout] Donors pick a campaign and an amount, enter name and email, and pay through a simulated Razorpay checkout in test mode; the demo uses the published test card and no real money moves.
• [Instant receipts with unique receipt IDs] Every recorded donation generates a receipt ID in the SVT- plus 5-digit format, shown on screen immediately and stored with the donation for later lookup.
• [Donor tracking table with search and filters] All donations appear in one table searchable by donor name, campaign or receipt ID, with filters for campaign and payment status, so any donation can be traced in seconds.
• [NGO dashboard with campaign totals] After login, NGO staff see total raised, donor counts and recent donations per campaign, plus a CSV export of the donor list for accounting.
• [Anonymous donation option] A donor can tick one box to hide their name from the public donor list while the donation and receipt still record normally in the database.
• [Field updates for donors] The NGO can post a short update on a campaign — for example kits dispatched or a camp completed — so donors see what their money achieved after giving.

• Complete portal source code (PHP, MySQL schema, HTML/CSS/JavaScript)
• Working single-file demo of the portal with campaigns, donation form and donor tracking
• MySQL database with tables for users, NGOs, campaigns, donations and field updates
• Razorpay test-mode checkout integration with test credentials documented
• Project report PDF (background, problem, methodology, architecture, results)
• PPT presentation for final review
• Viva Q&A preparation document (PHP, MySQL, PDO, payment-gateway flow, security)
• To order this project, message Projectech on WhatsApp for a quotation covering the scope, price and delivery timeline for your build.