Back to projects
Logo StudomateFlagship project

Studomate.

Making automation concepts accessible, visual and actionable

Overview

An educational platform to learn, design and simulate automation logic (sequences, transitions, inputs/outputs, timers, counters) directly in the browser, from classroom introduction to hands-on practice.

Educational platform to learn, design, and simulate automation logic (sequences, transitions, inputs/outputs, timers, counters) directly in the browser.

How it works

Studomate is built around a graphical grafcet editor paired with a simulation engine that interprets sequences, transitions and actions in real time.

  • Design and development of the grafcet editor and simulator
  • Implementation of three execution modes: step-by-step, full scan, and continuous
  • Front-end development with React and Next.js
  • Use of XYFlow for the graphical representation of grafcets
  • Setup of the backend and database with Supabase

Tech stack

ReactNext.jsXYFlowSupabase

Want to try Studomate?

The platform is free to use online.