AndyKhandy/UR2PhD-Alloy ? reverse-engineered prompt

Build me a web app for learning Alloy with a block based editor.

I want a clean interface where a user can drag and drop blocks to create an Alloy model, then see the generated Alloy code update automatically. It should also be able to show the results of running the model, including a visual graph view of the instance when one is found. Please make it feel like a friendly teaching tool, not a developer only IDE.

Save the user’s progress in local storage so they can come back later and keep working. Include an editor area, a code view, and a results or graph panel. If needed, use the current docs online to make sure the setup and libraries are used correctly.

Use React and a modern frontend setup, and if a backend is needed for executing Alloy models, wire that up too so the frontend can send code and receive results cleanly. Keep the UI simple and polished, with the main flow focused on building blocks, generating code, and exploring the output.