SmartTrading.com: Trading Education Platform
Full-stack trading education platform delivering options strategies, video libraries, live webinars, portfolio tracking, and scanning tools to 13,000+ registered users. Built for a US-based client with 37+ years in the trading industry.
Client: The Spyrol Group LLC (US)Ryan Jones, CEO13+ year client
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, so they needed SKU-level access control scoping each user's entitlements to the paid resources in their package
Content notifications and SMS alerts 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 while the old build kept serving.
Key Features
SKU-based access control scoping each user's entitlements to the paid resources in their package
Scheduled content notifications for calendar events, recordings, videos, documents and portfolio alerts, queued out over email and SMS
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 spanning 38 controllers and 200+ endpoints for user management, content, marketing, and analytics
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 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 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, in production since 2021.
The platform now runs automated content delivery, SKU-based access control, and subscription management 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