Documentation

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

Table of Contents

Platform Overview

Understanding Refrax's architecture and capabilities

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.

Technology Stack

Frontend

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

Backend

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

Infrastructure

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