The Wellfire
Built a full-stack media investment platform where users can browse entertainment projects — Films, Music, Web Series, Documentaries — and invest directly via Razorpay. Includes an admin panel, investor dashboard, Google OAuth, and automated PDF invoicing.
The client needed a platform where investors could discover media projects across categories like Film, Music, and Web Series — browse funding details, invest securely via Razorpay, and receive automated PDF invoices.
Delivered a production-ready monorepo with React frontend, Node.js/Express API, MongoDB data layer, admin panel, and Cloudinary-powered media management — deployed live on Render.
- User Concurrency: Supported 1,000+ active investors with 99.8% production uptime.
- Render Optimization: Sub-2s initial load speed achieved via progressive 3D Three.js asset lazy loading.
- Transaction Pipeline: Automated Razorpay payment webhooks with instant server-side PDF invoice generation.
- Query Performance: Sub-80ms API response latency via strategic compound MongoDB indexing.
- Architecture & Systems: Engineered end-to-end MERN architecture, REST APIs, and admin content management.
- Authentication: Built hybrid Google OAuth 2.0 and JWT token authentication with role-based access control.
- Payment Integration: Integrated Razorpay escrow payment workflows and automated audit logging.
- 3D Frontend Experience: Implemented interactive Three.js 3D models with responsive controls and fallback canvas states.
Architecture & Key Engineering
A monorepo architecture with three codebases — React client, Node.js API, and React admin panel — all deployed as coordinated services on Render.
FRONTEND & VISUALS
React + Vite SPA
Built the client app with React and Vite for fast HMR and optimized production builds. Implemented page transitions with Framer Motion and route-based code splitting.
Three.js 3D Visuals
Integrated @react-three/fiber and @react-three/drei to render interactive 3D elements on the landing page, adding a premium cinematic feel to the investment portal.
BACKEND & PAYMENTS
Express API + MongoDB
Designed Mongoose schemas for Investment Products, Investors, Orders, and Users. Built RESTful routes with JWT authentication, Helmet security, and rate limiting middleware.
Razorpay Payment Gateway
Integrated Razorpay for secure investment transactions with webhook verification, order creation, and payment confirmation flows — handling real financial data.
Platform Features
Investment Product Catalog
Dynamic product listings across 10 categories — Film, Music, Web Series, Documentary, Commercial, and more. Each product tracks budget, funding progress, minimum investment, and investor count.
Google OAuth + JWT Auth
Implemented dual authentication — Google OAuth for frictionless sign-in and traditional JWT-based email/password auth with bcrypt password hashing.
Cloudinary Media Pipeline
All product images and hero videos are uploaded and served via Cloudinary CDN with automatic format optimization, reducing load times across devices.
PDF Invoice Generation
Built automated invoice generation using jsPDF and jspdf-autotable — compiling investment details into downloadable PDF receipts for each transaction.
What I learned building The Wellfire.
Monorepo Coordination
Managing three interconnected codebases (frontend, backend, admin) in a single repo taught me proper workspace structuring, shared dependency management, and coordinated deployment strategies on Render.
Real Payment Flows
Integrating Razorpay for actual financial transactions required careful webhook verification, idempotent order handling, and thorough error recovery to protect investor funds.
Performance at Scale
Serving heavy Three.js visuals and video content on mobile required implementing a Service Worker, lazy component loading, Cloudinary image optimization, and smart fallback strategies for low-bandwidth users.