Template Details
Newsletter Subscriber Portal – Issue Reading & Email Preference Manager
A sleek subscriber-facing newsletter portal that consolidates issue browsing, topic subscription management, and reading history in a single authenticated dashboard. Ideal for media brands, SaaS product newsletters, internal company bulletins, and content communities that want to elevate the subscriber experience beyond a simple opt-in form.
Key Architecture & Functional Features:
- Issue Library with Read Tracker: Each newsletter issue is displayed as a card with title, excerpt, publication date, issue number, and topic tags. Users can mark issues as "Read" — status persisted to storage and reflected in the overview stats.
- Topic Subscription Preferences: Toggle switches allow subscribers to individually enable or disable specific content topics (AI, Technology, Marketing, Design, Finance). Changes are saved per user session.
- Email Frequency Control: Radio button selector for Daily, Weekly, or Monthly delivery cadence — giving subscribers full control over their inbox experience.
- Full Archive Table: Paginated archive tab displaying all published issues with number, title, date, and read status badge for quick historical reference.
- Admin Publishing Dashboard: Admins can publish new issues (bilingual VI/EN title + excerpt, date, tags), manage the full subscriber list, and delete archived issues from the admin panel.
Technical Specifications:
Flat directory structure using HTML5, CSS custom properties, and vanilla JavaScript. Accent color #f59e0b (Amber). Warm gradient sidebar from #451a03 to #78350f. Bilingual EN/VI i18n dictionary embedded in app.js. Data persisted via newsletter_data.json through Appifio Storage API. Mobile layout with amber gradient top bar and off-canvas sidebar drawer.
