Full Stack DeveloperSystems & Digital Tools
Platforms, simulators and digital tools that turn complex processes into clear, precise experiences.
Scroll to begin the journey
Curiosity, order and a love for the small details.
Hands-on field experience combined with end-to-end development: from understanding the need, through specification and design, to a live system that works every day.
Full Stack development: fast, accessible interfaces, back end and real-time databases, security and permissions, through to deployment and ongoing maintenance of live systems.
Behind every project is the same question: how do you make something complex simple, without giving up precision?
Production platforms, professional simulators, guides and independent projects, a selection from recent years.
Systems in production
Professional knowledge, rendered interactive
Guides and tools for the age of AI
Digital presence for businesses
Independent projects and exploration
Study the work as it really happens, who the users are, what slows them down and which rules apply.
Define scope, data model and workflows before the first line of code.
React and TypeScript on the client, Node.js and Cloud Functions on the server, real-time Firestore; 3D where it adds value; AI as a partner throughout.
Automated tests, accessibility and performance, then continuous refinement from real usage.
React · TypeScript · Astro · Vite · Tailwind · GSAP · Motion
Three.js · React Three Fiber · Babylon.js · Phaser
Firebase · Cloud Functions · Netlify Functions · Node.js
Playwright · Vitest · Accessibility · PWA
Claude · Claude Code · Midjourney · Prompt Engineering
© 2026 Dan Touitou
Full Stack Developer · Systems & Digital Tools
Platforms, simulators and digital tools that turn complex processes into clear, precise experiences.
Curiosity, order and a love for the small details.
Hands-on field experience combined with end-to-end development: from understanding the need, through specification and design, to a live system that works every day.
Full Stack development: fast, accessible interfaces, back end and real-time databases, security and permissions, through to deployment and ongoing maintenance of live systems.
Behind every project is the same question: how do you make something complex simple, without giving up precision?
Production platforms, professional simulators, guides and independent projects, a selection from recent years.
Systems in production · 4 works
A SaaS platform for safety-training management in organizations and training institutes: in-person and live sessions, e-learning, exams, read-and-sign and safety audits, with digital signatures, subscription management and built-in payments.
A professional portal for safety officers and site managers: safety plans, risk surveys, digitally signed work permits and incident investigations, with real-time hazardous-material data.
A real-time emergency management system on a live site map: incidents and resources, force deployment and driving routes, response protocols and an action log, instantly synced across every incident manager.
A brand site for a safety consulting practice (consulting, training and supervision), with a clean layout, seamless navigation and a focused enquiry form.
Professional knowledge, rendered interactive · 12 works
A simulation course on airfield lighting per ICAO Annex 14: nine modules, fourteen simulators and a 3D control-tower simulator with scenarios, decision points and voice communication.
A 3D airport and A320 scene for building emergency drills: faults, fire and smoke, evacuation slides, rescue forces on the move and event stages, played back from the approach to the dispatch of forces.
A bilingual study environment for construction-safety regulations, Hebrew and Russian clause by clause: glossary, exams, offline mode and automated checks that keep both languages fully in sync.
53 Git commands animated step by step, with a live terminal and a synchronized commit graph, plus a lab where every action updates the repository in real time.
A complete networking course for CCNA certification: 19 lessons, a simulated Cisco IOS terminal and visual demonstrations of Subnetting, VLANs and Spanning Tree.
A comprehensive guide to Chrome DevTools: every panel, a glossary, shortcuts, debugging scenarios and an interactive lab, including a security chapter.
A staged safety course where each level unlocks only after a challenge (fire safety, protective equipment and hazardous materials), concluding with an exam and certificate.
An in-depth guide to non-ionizing radiation and its regulation, with an interactive lab: inverse-square and SAR calculators and an antenna safe-distance simulator.
An ionizing-radiation safety course (from the atom to shielding and dosimetry), with an interactive periodic table and a dose-rate calculator.
A laser-safety course: physics, eye and skin effects, hazard classes and exposure limits, with a classification calculator.
A guide to fire detection and suppression systems per Israeli Standard 1220, including a control-panel simulator for integration and activation logic.
A guide to the NFPA 72 code: chapter map, notification appliances, emergency communication and testing, with a thermal-imaging demo and strobe-intensity calculator.
Guides and tools for the age of AI · 4 works
A comprehensive Hebrew guide to Claude and Claude Code, from beginner to advanced, updated weekly from official sources, with automated checks on every release.
Part of a Hebrew AI guide series: from fundamentals to autonomous agents, built on a design system shared across the series.
The first guide in the series, Gemini from the first step through to working with agents.
A gallery of AI-generated work, each piece with its full prompt and tool, powered by an image pipeline that produces responsive sizes and blur placeholders.
Digital presence for businesses · 7 works
A brand site for event table design: an opening film on entry, a gallery that slides sideways as you scroll, like walking along a set table, a full-screen photo viewer and direct WhatsApp contact.
A site for a boutique ice-cream parlor in Eilat: flavor menu, brand story and direct ordering, with local SEO, rich share previews and verified color contrast.
A landing page for a family-finance consultant, with an animated hero carousel and a streamlined enquiry flow.
A landing page for a law firm in civil, commercial and contractor-licensing law, with a built-in accessibility menu and scroll animations.
A landing page for an events-attractions business (retro photo booth, shows and experience walls), with a confetti effect on submission.
A responsive brand site for a construction technician: estimates, bills of quantities and project billing, with an accessibility menu.
A working tool for bills of quantities: projects, line items, discounts and statuses, templates, Excel export and printable quotes, entirely in the browser, no server.
Independent projects and exploration · 4 works
An RPG-style fitness app: real workouts become XP, ranks and boss fights, with a 3D avatar that performs each exercise through inverse-kinematics animation.
A retro platformer, a journey from Eilat to Jerusalem with cutscenes, a shop and cloud-synced progress. All art and music are generated in code.
A vintage-style digital library with two wings: a book library with shelves, a page-flip PDF reader, search and notes exported to Word, and a tape library where course videos appear as video cassettes and play on a retro TV. Works offline and is backed by more than 260 tests.
A fictional encyclopedia entry on the "Kingdom of Netanya", flag, coat of arms, maps, an anthem with synced captions and a switch between Hebrew, English and an invented language.
Study the work as it really happens, who the users are, what slows them down and which rules apply.
Define scope, data model and workflows before the first line of code.
React and TypeScript on the client, Node.js and Cloud Functions on the server, real-time Firestore; 3D where it adds value; AI as a partner throughout.
Automated tests, accessibility and performance, then continuous refinement from real usage.