A web platform designed to raise awareness and gather donations for important social, environmental, and humanitarian causes.
This website allows :
- Launch and manage donation campaigns
- Accept contributions securely
- Track fundraising progress
- Raise awareness through stories, images, and progress updates
-
🔒 Secure Authentication & Authorization
Supports user login via email/password and Google OAuth. -
✅ Campaign Creation & Management
Admin can create, edit, and manage donation campaigns with ease. -
💳 Secure Donation Processing
Integrated with Stripe or SSLCommerze for fast, reliable transactions. -
🕵️ Guest & Anonymous Donations
Allows visitors to contribute without creating an account or revealing identity. -
🧾 Downloadable Donation Receipts
Donors can easily download receipts for their contributions. -
🔔 Donor Notifications & Email Acknowledgments
Automated alerts and thank-you messages via email and in-app notifications. -
📱 Responsive Design
Fully optimized for mobile, tablet, and desktop devices for a seamless user experience.
| Technology | Description |
|---|---|
| Frontend | React |
| Backend | Express js |
| Database | MongoDB |
| Payment | Stripe |
- Node.js and npm/yarn installed
- MongoDB setup (locally or cloud-based)
- Stripe/SSLCommerze API keys (for payment functionality)
git clone https://github.com/your-username/donation-campaign-website.git
npm installbash cd backend npm install
- Create a .env file inside the backend/ folder (not the project root unless specified).
- Copy the variables from .env.local (if provided) and paste them into your .env file.
- Set appropriate values for each environment variable
``bash npm run dev
yarn dev `` Once the command runs successfully, backend server should be up and running (typically on http://localhost:5000 or whichever port is set in .env).
bash cd backend npm install
``bash npm run dev
yarn dev ``
Once the command runs successfully, client server should be up and running (typically on http://localhost:5173 or whichever port is free).