How ishubh-10/webengage-campaigns works
Campaign Hub is a gallery for browsing and reusing campaign ideas, with guest access and an admin workflow for managing campaign entries. The React app routes users from login to the gallery; the gallery supports search/filtering, previewing campaign code, and admin editing and deletion. The Express backend exposes campaign and admin-credential endpoints backed by MySQL. Image upload is visible in the gallery excerpt, but its cloud provider and request details are not. The separate API component is present but not shown as mounted or connected to the main app.
Main entry points: App.jsx App Routing · main.jsx React Entry · CampaignGallery.jsx Campaign Gallery · server.cjs HTTP API
Components 9
Application Shell
- React Entry
src/main.jsx - App Routing
src/Frontend/App.jsx
User Experience
- Login and Guest Access
src/Frontend/Login.jsx - Campaign Gallery
src/Frontend/CampaignGallery.jsx - Gallery Header
src/Frontend/Header.jsx - Standalone API UI
src/Frontend/API.jsx
API Service
- HTTP API
Backend/server.cjs
Campaign Data
- MySQL Campaign Store
Other components
- Visitor
Connections 6
- Visitor → React Entry: opens app
src/main.jsx - React Entry → App Routing: renders
src/main.jsx - App Routing → Login and Guest Access: routes to
src/Frontend/App.jsx - App Routing → Campaign Gallery: routes to
src/Frontend/App.jsx - Campaign Gallery → Gallery Header: renders
src/Frontend/CampaignGallery.jsx - HTTP API → MySQL Campaign Store: queries
Backend/server.cjs