Back to projects
Flagship project
Flagship projectStudomate.
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