Technology Stack

FlowSpace is built with a fully modern JavaScript stack, accessibility tooling, and AI-powered quiz generation.


Frontend

  • React + TypeScript

  • Vite (lightning-fast bundler)

  • Custom accessibility system

  • Dyslexia mode

  • High-contrast mode

  • Text size scaling

  • Theme switching

  • Responsive UI using a custom hook: useScreenWidth

  • CSS variables for global theme tokens

  • Gradient-rich UI inspired by Figma designs


Backend

  • Node.js + Express

  • Routes for quiz generation, health check

  • JSON-based response layer

  • Lightweight for fast hackathon iteration


AI

  • Large language model API for generating quiz questions

  • Custom prompt engineering for difficulty levels

  • Extracts structured Q/A pairs cleanly


Tooling

  • GitBook — project documentation

  • Cline CLI — AI coding assistant

  • GitHub — version control

  • VS Code — development environment


Last updated