How globallink68-pixel/sampark_ngo_v2 works
Sampark Academy is a public-facing community organization site with a React frontend and Express/MySQL backend. Visitors browse organization and program information, submit contact enquiries, and donate through Razorpay checkout; administrators sign in to manage content, enquiries, and donations. The graph preserves those documented capabilities, but the app excerpt is partial, so some endpoint wiring and the contact/Turnstile implementation are shown only at the documented subsystem level.
Main entry points: app.js Express API · api.js Public API client · main.jsx Public site · contact-submission.js Contact submission
Components 17
Public experience
- Public site
src/main.jsx - Public API client
src/lib/api.js - Donation checkout
src/lib/checkout.js - Contact submission
src/lib/contact-submission.js - Organization links
src/lib/organization-links.js
Administration
- Admin console
src/admin.jsx - Admin mutations
src/lib/admin-mutation.js
API and services
- Server entry
server/server.js - Express API
server/app.js - Session authorization
server/middleware/auth.js - Payment security
server/payments.js
Data and integrations
- Database pool
server/config/db.js - Application database
database/migrations - Upload files
server/app.js - Razorpay
- Cloudflare Turnstile
Other components
- Visitor
Connections 23
- Visitor → Public site: browses and submits
- Public site → Public API client: requests content
- Public API client → Express API: sends API requests
- Express API → Public API client: returns API data
- Public site → Donation checkout: starts donation
- Donation checkout → Public API client: creates and verifies
- Public site → Contact submission: submits enquiry
- Contact submission → Public API client: sends enquiry
- Public site → Organization links: formats social links
- Visitor → Admin console: administers site
- Admin console → Admin mutations: performs changes
- Admin console → Public API client: requests admin APIs
- Admin mutations → Public API client: sends mutations
- Server entry → Express API: starts
- Express API → Session authorization: guards admin routes
- Session authorization → Database pool: checks admin
- Express API → Database pool: reads and writes
- Database pool → Application database: queries
- Express API → Upload files: stores and serves files
- Express API → Payment security: validates signatures
- Express API → Razorpay: creates payment orders
- Razorpay → Express API: sends payment webhooks
- Contact submission → Cloudflare Turnstile: verifies challenge