TradeWithKene Forex Learning Platform

Duration: 6 weeks Role: Frontend Engineer Technologies: Next.js, React, Tanstack query, Tailwind CSS, Framer, Media Source Extensions, Flutterwave, 0xprocessing

Built a comprehensive LMS for a professional forex trader's online education platform. The challenge: create a secure video platform that prevents piracy while delivering smooth learning experiences to 10,000+ students across varying network conditions in African markets.

Studied Udemy's video protection model and built similar anti-download system using Media Source Extensions

Implemented HLS/DASH streaming working with backend dev to serve videos in encrypted segments instead of downloadable files

Custom ReactPlayer integration with dynamic buffering and quality adaptation for African internet conditions

Multi-layer protection preventing right-click saves, inspect element access, and screen recording attempts

Automatic progress tracking saves exactly where students pause - resume on any device exactly where they left off

Interactive comment system letting students ask questions at specific video timestamps with threaded discussions

Achievement and progress systems with completion percentages, learning streaks, and milestone unlocking

Tier-based access control automatically unlocking features based on subscription level ($500/$3000/$5000 plans)

Flutterwave integration handling all Nigerian bank and card payments smoothly

Cryptocurrency payments via 0xprocessing - auto-generates payment links when users choose crypto options

Smart subscription management with automatic feature unlocking after payment confirmation

Payment webhook handling for both traditional and crypto payment confirmations with instant access provisioning

Mobile-first design since 90%+ of African users access via smartphones

Offline-ready progress sync handling poor network conditions gracefully

Course completion analytics showing learning patterns and engagement metrics

Community features enabling peer-to-peer learning and instructor interaction

Videos arrive as encrypted HLS/DASH segments

Media Source Extensions assembles segments in real-time

No complete video file exists for users to download

Browser protection prevents common theft methods

Debounced API calls every 10 seconds to avoid server spam

Cross-device synchronization using user authentication tokens

Intelligent milestone detection marking lessons complete at 80% watch time

Resume functionality down to the exact second across devices

Webhook reliability with retry mechanisms for failed confirmations

Automatic access provisioning unlocking features immediately after payment

Subscription lifecycle management handling upgrades, downgrades, and renewals

Multi-currency support for both fiat and cryptocurrency payments