All work15 / 27
Al-Bait Al-Raqami
Interactive desktop simulation for digital skills
A learning platform that simulates a Windows desktop to teach primary school students basic digital skills.
InterfaceHomeComputer partsDesktop
101A learning journey, a digital lab and a simulation, from one screen
202A playful, hand-drawn look for children
303Computer parts as 3D models (Three.js) you turn by dragging
404Tap any part to learn what it does
505An interactive desktop that mimics Windows for practice
606Apps open in real windows, like Scratch
Structure
What lies under the interface.
01 · FRONTENDInterface
React
Three.jsThe roots
// architecture Component-BasedZustand State Management
The whole app’s state lives in one Zustand store, so windows, keyboard and rewards speak one language.
Autism WorldAn interactive learning platform for autistic children