Scheme

Visualize Anything - Interactive Schema Builder

Live
Visit Live Site
SchemeOG Main Page

Platform Screenshots

Overview

Scheme is an intuitive tool for creating interactive schemas that helps you calculate all possible event scenarios. Build flowcharts, decision trees, and process diagrams with an easy-to-use drag-and-drop interface.

Key Features

  • Drag-and-drop schema builder
  • Multiple node types (actions, conditions, results)
  • Visual connection lines between nodes
  • Tag system for categorizing elements
  • Share schemas via link
  • Export to JSON format
  • Version history tracking
  • Responsive canvas with zoom and pan

Technical Stack

Frontend

  • React with TypeScript
  • Canvas-based rendering
  • Drag-and-drop interactions
  • Responsive design

Backend

  • Node.js with Express
  • Prisma ORM
  • PostgreSQL database
  • RESTful API

Features

  • Email authentication
  • Schema sharing system
  • JSON export/import
  • Version control

Infrastructure

  • PM2 process management
  • Nginx reverse proxy
  • SSL/TLS encryption
  • Production monitoring

My Role

Complete full-stack development from concept to production:

  • Designed and built the canvas-based schema editor
  • Implemented drag-and-drop node system
  • Created visual connection algorithm
  • Built user authentication system
  • Developed sharing and collaboration features
  • Implemented JSON export/import functionality
  • Deployed and configured production environment

Live Application