Skip to content

PRODUCT.md

Latest commit

 

History

History
45 lines (27 loc) · 2.27 KB

PRODUCT.md

File metadata and controls

45 lines (27 loc) · 2.27 KB
Raw

Product

Register

product

Platform

web

Users

Computer science students, self-taught developers, and educators who need to see algorithms execute step by step. Primary context: studying or teaching on a laptop or tablet; secondary: curious visitors landing from search or social who want a quick demo before signing in.

Product Purpose

Bayan Flow (بيان = clarity) makes 45 algorithms across sorting, pathfinding, searching, tree traversal, and graph categories understandable through synchronized visuals, complexity analysis, optional Python execution, and exportable walkthroughs. Success means a learner finishes a run understanding what happened and why, not just watching pixels move.

Positioning

The clearest way to watch algorithms think — interactive, multilingual, and honest about complexity, without locking learning behind a paywall for core visualization.

Brand Personality

Calm, precise, encouraging. Expert confidence without academic coldness. Clarity over spectacle; motion serves comprehension.

Anti-references

  • Generic AI SaaS landing pages (purple gradient heroes, floating card grids, meaningless metrics)
  • LeetCode-clone dark dashboards with neon accents and cramped chrome
  • Over-decorated edu apps that hide the algorithm under UI chrome
  • Stock "feature card" templates: rounded-square icon tile above every heading
  • Replacing the visualization canvas with marketing filler

Design Principles

  1. Clarity is the product — the canvas and step description are the hero; chrome stays quiet.
  2. Show the algorithm — color states encode semantics (compare, swap, visit, path); decoration never competes with data.
  3. Practice what we teach — complexity panel and export parity reflect the same rigor we ask learners to apply.
  4. Accessible depth — anonymous tier samples freely; sign-in unlocks tools without punishing curiosity.
  5. Global by default — English, French, and Arabic (RTL) are first-class, not bolt-ons.

Accessibility & Inclusion

Target WCAG 2.1 AA for product UI. Respect prefers-reduced-motion for decorative motion; algorithm stepping remains usable without autoplay flourishes. Verify RTL layouts and Remotion export after layout changes. Minimum 44px touch targets on controls (min-h-touch).