Optisense Academy is a premium, multi-tenant educational platform and SaaS data ecosystem tailored for precision engineering, metrology, and CNC calibration fields (compliant with ISO 230-2 standards).
As the solo Frontend Architect and UX/UI Designer, I engineered the entire client-facing experience from scratch. The core challenge was to build a highly responsive, premium dark-themed interface that visualizes complex mathematical models and raw industrial sensor data cleanly, moving away from legacy spreadsheet-based tools.
Key Contributions & Technical Stack:
• UI/UX Architecture: Crafted a custom, high-contrast, scalable design system focused on data density and high scannability for engineering students and lab managers.
• Frontend Engineering: Built using React and Tailwind CSS, featuring interactive video modules, dynamically rendered text theory notes, and complex layout transitions.
• Database & Progress Tracking: Integrated with Supabase (PostgreSQL Core) to build robust user progress mapping and secure, custom layout configurations.
• Real-World Alignment: Structured data tables and submission blocks to eventually connect with automated machine-learning edge functions that validate user calculation scripts in real time.