Documentation

Complete technical documentation for Refrax's free educational platform for data analytics and mathematical visualization

Table of Contents

Platform Overview

What is Refrax?

Refrax is a completely free educational platform that combines advanced data visualization, mathematical modeling, and interactive tools to help students learn data analytics, financial modeling, and 2D/3D mathematical visualization through hands-on experience.

Core Features

  • • Interactive 2D and 3D mathematical visualizations
  • • AI-powered learning assistant for complex topics
  • • Dataset upload and analysis tools (Excel/CSV)
  • • Financial data modeling and analysis
  • • Real-time mathematical calculations
  • • Free educational resources and tutorials

Key Benefits

  • • Completely free with no registration required
  • • User-friendly interface for all skill levels
  • • Interactive learning through hands-on tools
  • • Mobile-responsive design for learning anywhere
  • • Cloud-based infrastructure for reliability
  • • Educational focus on data analytics and math

Technology Stack

Frontend

  • • Next.js 15 (App Router)
  • • TypeScript
  • • Tailwind CSS
  • • Plotly.js & react-plotly.js
  • • Three.js & @react-three/fiber
  • • Radix UI Components
  • • MathJS
  • • XLSX & PapaParse
  • • Recharts

Backend

  • • Next.js API Routes
  • • FastAPI (Python Backend)
  • • Supabase (BaaS)
  • • PostgreSQL Database
  • • Finnhub WebSockets
  • • Polygon API
  • • OpenAI API
  • • Stripe Integration

Infrastructure

  • • Netlify (Frontend Hosting)
  • • Fly.io (Backend Hosting)
  • • Supabase (Database & Auth)
  • • Cloudflare (CDN)
  • • GitHub (Version Control)