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.
Client: The Spyrol Group LLC (US)Ryan Jones, CEO13+ year client13,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, so they 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 a client of our founder for years, so when he needed his aging platform rebuilt from scratch, we were the team he called. Founder-led from architecture through delivery, 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 so 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 with 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 with 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
13,000+ registered users. 48 products. 730+ videos. Full admin portal, all in production.
The platform now runs automated content delivery, SKU-based access control, and Stripe-managed subscriptions end to end.
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.
Building a subscription SaaS for traders, analysts, or a niche audience?
Subscription engines, content delivery, SKU-based access, alerts, scanning tools, admin portals. We have shipped them at scale. Tell us what you're building.
Get a Free Quote