SmartTrading.com — Trading Education Platform
Full-stack trading education platform delivering options strategies, video libraries, live webinars, portfolio tracking, newsletters, and scanning tools to 13,000+ subscribers. Built for a US-based client with 37+ years in the trading industry.
13,000+
Users
730+
Videos & Resources
48
Products Managed
The Challenge
Aging Angular 12 frontend using jQuery, Bootstrap 4, and NgModules — difficult to maintain and visually dated
No subscription granularity — needed SKU-level access control where each user sees only the products in their package
Newsletters, SMS alerts, and notifications handled manually outside the platform
No visibility into which resources users viewed or how they engaged with content
Security gaps including passwords in query strings, no token refresh, and missing rate limiting
Our Approach
Ryan Jones had been our client for years, so when he needed his aging platform rebuilt from scratch, we were the team he called. We designed and built a complete rewrite — new Angular 21 frontend, new .NET 10 API, new subscription engine — while keeping the production system live. The new platform was developed on a parallel branch, tested against a sandbox environment, and promoted to production with zero downtime.
Key Features
SKU-based access control — subscribers see only the products and resources in their package
Automated email newsletters, SMS alerts, and push notifications queued every 5 minutes
Webinar scheduling with registration, filtering, and reminder delivery
Portfolio tracking with open/closed trade positions and entry/exit data
Video library with 730+ videos organized by product and category
Admin portal with 39 endpoints for user management, content, marketing, and analytics
Stripe subscription management with upgrades, downgrades, and cancellation handling
Scope & Scale
182
Subscription SKUs
1,900+
Documents Delivered
550+
Recordings
4
Automated Services
Modernization
| Aspect | Before | After |
|---|---|---|
| Framework | Angular 12 with NgModules | Angular 21 Standalone + Signals |
| Styling | Bootstrap 4 + jQuery | Tailwind CSS v4 with 195 design tokens |
| State | BehaviorSubject, manual .subscribe() | Signals — signal, computed, effect |
| Build | Webpack (slow) | Vite + esbuild (sub-second HMR) |
| Theme | Light-only | Dark-first glassmorphic with light mode |
| Bundle | zone.js included (~45KB) | Zoneless change detection |
Framework
Before: Angular 12 with NgModules
After: Angular 21 Standalone + Signals
Styling
Before: Bootstrap 4 + jQuery
After: Tailwind CSS v4 with 195 design tokens
State
Before: BehaviorSubject, manual .subscribe()
After: Signals — signal, computed, effect
Build
Before: Webpack (slow)
After: Vite + esbuild (sub-second HMR)
Theme
Before: Light-only
After: Dark-first glassmorphic with light mode
Bundle
Before: zone.js included (~45KB)
After: Zoneless change detection
Tech Stack
The Result
Delivered a production platform serving 13,000+ registered users with automated content delivery, SKU-based access control across 48 products, and a full admin portal. The modernized stack — Angular 21, .NET 10, Tailwind CSS — replaced a dated Angular 12 + Bootstrap + jQuery system, cutting build times from minutes to sub-second HMR and reducing frontend maintenance overhead.