Donation – Full-Stack Donation & Campaign Platform
A full-stack donation and campaign management platform built with Next.js, featuring Razorpay payment integration, admin dashboard, and secure JWT authenticatio
Project Overview
This project is a complete full-stack donation platform designed to manage fundraising campaigns and streamline the donation process. It allows users to explore campaigns, contribute securely, and engage with causes, while providing administrators with full control over campaign management and analytics.
The platform is built with a modern tech stack and focuses on performance, scalability, and security. It integrates a real payment gateway to handle transactions and ensures a seamless user experience across all devices.
On the backend, a robust API system handles campaign data, donations, user queries, and authentication. The admin panel enables efficient management of campaigns, donation tracking, and communication with users.
Key Features
Campaign listing with search and filtering functionality
Individual campaign detail pages with progress tracking
Secure donation system using Razorpay payment gateway
Admin dashboard with analytics and campaign insights
JWT-based authentication with HTTP-only cookie sessions
Contact and volunteer form handling with email integration
Subscriber management system
Cloud-based media handling using Cloudinary
Responsive design optimized for all devices
Real-time donation tracking and campaign progress updates
Core Functionalities
Public Side
Feature | Description |
|---|---|
Campaign Browsing | Users can explore multiple fundraising campaigns |
Donation Flow | Secure payment process with Razorpay integration |
Campaign Details | Detailed pages with progress and campaign info |
Contact System | Users can send queries and messages |
Volunteer Section | Users can apply to volunteer |
Stories & FAQs | Informational and engagement pages |
Admin Panel
Feature | Description |
|---|---|
Dashboard | Overview of donations and analytics |
Campaign Management | Create, update, and manage campaigns |
Query Management | Handle user messages and replies |
Subscriber Control | Manage email subscribers |
Authentication | Secure admin login with JWT |
Tech Stack
Frontend
Next.js 16
React 19
Tailwind CSS v4
Backend
Node.js (Next.js API Routes)
MongoDB with Mongoose
Integrations
Razorpay (Payment Gateway)
Cloudinary (Media Storage)
Nodemailer (Email Handling)
Authentication & Security
JSON Web Tokens (JWT)
bcrypt for password hashing
HTTP-only cookies for session handling
Project Structure
Main Sections
Section | Description |
|---|---|
App Layer | Pages and routing using Next.js App Router |
API Layer | Backend routes for data handling |
Database | MongoDB models and schemas |
Components | Reusable UI components |
Admin Panel | Protected admin dashboard and tools |
Category
Full Stack Project / SaaS / Donation Platform
Difficulty Level
Advanced
Results & Learning Outcomes
Built a complete production-level full stack application
Implemented secure authentication and session handling
Integrated real-world payment gateway (Razorpay)
Designed scalable backend architecture with API routes
Improved understanding of MongoDB data modeling
Developed admin dashboard with real-time data handling
Learned handling of external services like Cloudinary and Email systems
Key Features
- Secure admin authentication system
- Production-ready backend architecture
- Fully responsive modern UI
- Scalable and modular code structure
- Real payment gateway integration