EN

Full Stack Developerמפתח מערכות וכלים דיגיטליים

פלטפורמות, סימולטורים וכלים דיגיטליים שהופכים תהליכים מורכבים לחוויה ברורה ומדויקת.

גללו כדי לצאת למסע

(01) אודות

סקרנות, סדר ואהבה לפרטים הקטנים.

שילוב של ניסיון מקצועי מהשטח ופיתוח מקצה לקצה: מהבנת הצורך, דרך האפיון והעיצוב, ועד מערכת חיה שעובדת כל יום.

פיתוח Full Stack מלא: ממשקים מהירים ונגישים, צד שרת ומסדי נתונים בזמן אמת, אבטחה והרשאות, ועד פריסה ותחזוקה שוטפת של מערכות שעובדות באוויר.

מאחורי כל פרויקט עומדת אותה שאלה: איך הופכים משהו מסובך לפשוט, בלי לוותר על הדיוק.

  • 31פרויקטים
  • 08מערכות פעילות
  • 14קורסים וסימולטורים
  • 12שפות ממשק
(02) עבודות

עבודות נבחרות

פלטפורמות בייצור, סימולטורים מקצועיים, מדריכים ופרויקטים עצמאיים, מבחר מתוך העבודה של השנים האחרונות.

01 / 05

פלטפורמות

מערכות פעילות בייצור

02 / 05

סימולציות ולמידה

ידע מקצועי בממשק אינטראקטיבי

03 / 05

AI

מדריכים וכלים לעידן הבינה המלאכותית

04 / 05

אתרי תדמית

נוכחות דיגיטלית לעסקים

05 / 05

ניסויים

פרויקטים עצמאיים ומחקר

01 / 31

(03) גישה

שיטת עבודה

01

הבנת התהליך

ניתוח העבודה בפועל, מי המשתמשים, מה מאט אותם ואילו כללים מקצועיים חלים.

02

אפיון

הגדרת היקף, מבנה נתונים וזרימות עבודה, לפני שורת הקוד הראשונה.

03

פיתוח Full Stack

צד לקוח ב-React ו-TypeScript, צד שרת ב-Node.js וב-Cloud Functions, Firestore בזמן אמת; תלת-ממד כשהוא מוסיף ערך; ובינה מלאכותית כשותפה לאורך כל הדרך.

04

בקרה והשקה

בדיקות אוטומטיות, נגישות וביצועים, ושיפור מתמשך על בסיס שימוש אמיתי.

(04) טכנולוגיות

כלים וטכנולוגיות

Frontend

React · TypeScript · Astro · Vite · Tailwind · GSAP · Motion

3D / Games

Three.js · React Three Fiber · Babylon.js · Phaser

Backend

Firebase · Cloud Functions · Netlify Functions · Node.js

Quality

Playwright · Vitest · Accessibility · PWA

AI

Claude · Claude Code · Midjourney · Prompt Engineering

(05) קשר

קשר

© 2026 דן טואיטו

Full Stack Developer · מפתח מערכות וכלים דיגיטליים

פלטפורמות, סימולטורים וכלים דיגיטליים שהופכים תהליכים מורכבים לחוויה ברורה ומדויקת.

  • תיק עבודות
  • 2026
  • גלילה
(01) אודות
דן טואיטו
דן טואיטו©2026

סקרנות, סדר ואהבה לפרטים הקטנים.

שילוב של ניסיון מקצועי מהשטח ופיתוח מקצה לקצה: מהבנת הצורך, דרך האפיון והעיצוב, ועד מערכת חיה שעובדת כל יום.

פיתוח Full Stack מלא: ממשקים מהירים ונגישים, צד שרת ומסדי נתונים בזמן אמת, אבטחה והרשאות, ועד פריסה ותחזוקה שוטפת של מערכות שעובדות באוויר.

מאחורי כל פרויקט עומדת אותה שאלה: איך הופכים משהו מסובך לפשוט, בלי לוותר על הדיוק.

  • 0131פרויקטים
  • 028מערכות פעילות
  • 0314קורסים וסימולטורים
  • 0412שפות ממשק
(02) עבודות

עבודות נבחרות

פלטפורמות בייצור, סימולטורים מקצועיים, מדריכים ופרויקטים עצמאיים, מבחר מתוך העבודה של השנים האחרונות.

01 / 05

פלטפורמות

מערכות פעילות בייצור · 4 עבודות

צילום מסך: D-Safety
04

D-Safety

אתר תדמית למשרד ייעוץ בטיחות (ייעוץ, הדרכות ופיקוח), בעיצוב נקי, ניווט רציף וטופס פנייה ממוקד.

React · Vite · Tailwind · Netlify Forms

02 / 05

סימולציות ולמידה

ידע מקצועי בממשק אינטראקטיבי · 12 עבודות

צילום מסך: Git · מדריך אינטראקטיבי
08

Git · מדריך אינטראקטיבי

53 פקודות Git באנימציה צעד-אחר-צעד, עם טרמינל חי וגרף קומיטים מסונכרן, ומעבדה שבה כל פעולה משנה את המאגר בזמן אמת.

React · TypeScript · Motion · Tailwind

צילום מסך: CCNA Academy
09

CCNA Academy

קורס רשתות מלא להסמכת CCNA: 19 שיעורים, טרמינל Cisco IOS מדומה והדגמות חזותיות של Subnetting, VLAN ו-Spanning Tree.

React · SVG Animation · PWA

צילום מסך: F12 · מדריך DevTools
10

F12 · מדריך DevTools

מדריך מקיף לכלי המפתחים של Chrome: כל הפאנלים, מילון מונחים, קיצורי מקלדת, תרחישי דיבאג ומעבדה אינטראקטיבית, כולל פרק אבטחה.

JavaScript · Tailwind · Interactive Lab

צילום מסך: לומדת בטיחות אינטראקטיבית
11

לומדת בטיחות אינטראקטיבית

לומדת בטיחות במבנה מדורג: כל שלב נפתח רק לאחר עמידה באתגר (בטיחות אש, ציוד מגן וחומרים מסוכנים), ומסתיים במבחן ותעודה.

JavaScript · Gamification · Tailwind

צילום מסך: קרינה בלתי מייננת
12

קרינה בלתי מייננת

מדריך מעמיק לקרינה בלתי מייננת ולחקיקה בתחום, עם מעבדה אינטראקטיבית: מחשבוני ריבוע הפוך ו-SAR וסימולטור מרחקי בטיחות מאנטנות.

JavaScript · Calculators · Quiz

צילום מסך: קרינה מייננת
13

קרינה מייננת

קורס בטיחות בקרינה מייננת (מהאטום ועד מיגון ודוזימטריה), עם טבלה מחזורית אינטראקטיבית ומחשבון שיעור מנה.

JavaScript · PWA · Quiz

צילום מסך: בטיחות לייזר
14

בטיחות לייזר

קורס בטיחות לייזר: פיזיקה, השפעות על העין והעור, דרגות סיכון וערכי חשיפה מרביים, עם מחשבון סיווג.

JavaScript · PWA · Calculators

צילום מסך: מערכות גילוי אש
15

מערכות גילוי אש

מדריך למערכות גילוי וכיבוי אש לפי ת"י 1220, כולל סימולטור לוח בקרה הממחיש את לוגיקת האינטגרציה וההפעלה.

JavaScript · Simulator · Quiz

צילום מסך: NFPA 72
16

NFPA 72

מדריך לתקן NFPA 72: מפת פרקים, התקני התרעה, תקשורת חירום ובדיקות, עם הדגמת הדמיה תרמית ומחשבון עוצמת סטרובים.

JavaScript · SVG · Calculators

03 / 05

AI

מדריכים וכלים לעידן הבינה המלאכותית · 4 עבודות

צילום מסך: המדריך המלא ל-ChatGPT
18

המדריך המלא ל-ChatGPT

חלק מסדרת מדריכי ה-AI בעברית: מהיסודות ועד סוכנים אוטונומיים, על גבי מערכת עיצוב משותפת לכל הסדרה.

HTML · Tailwind · Design System

צילום מסך: המדריך המלא ל-Gemini
19

המדריך המלא ל-Gemini

המדריך הראשון בסדרה, Gemini מהצעד הראשון ועד עבודה עם סוכנים.

HTML · Tailwind

צילום מסך: Chroma Canvas
20

Chroma Canvas

גלריית יצירות AI, כל יצירה עם הפרומפט המלא והכלי שבו נוצרה, מבוססת צינור עיבוד תמונה שמפיק גדלים רספונסיביים ותמונות טעינה מטושטשות.

Vanilla JS · sharp · Netlify · Masonry

04 / 05

אתרי תדמית

נוכחות דיגיטלית לעסקים · 7 עבודות

צילום מסך: NOA Event Design
21

NOA Event Design

אתר תדמית לעיצוב שולחנות לאירועים קטנים: סרטון פתיחה בכניסה, גלריה שזזה לרוחב בזמן הגלילה כמו הליכה לאורך שולחן ערוך, תצוגת תמונות מלאה ופנייה ישירה בוואטסאפ.

React · Vite · Framer Motion · RTL

צילום מסך: Serenity Ice Cream
22

Serenity Ice Cream

אתר לגלידריית בוטיק באילת: תפריט טעמים, סיפור המותג והזמנה ישירה, עם SEO מקומי, תצוגות שיתוף עשירות וניגודיות צבעים מאומתת.

HTML · CSS · SEO · Schema.org

צילום מסך: אדם זייד · כלכלת המשפחה
23

אדם זייד · כלכלת המשפחה

דף נחיתה ליועץ לכלכלת המשפחה, עם קרוסלת פתיחה מונפשת וזרימת פנייה פשוטה.

React · Framer Motion · Swiper · Tailwind

צילום מסך: משרד עורכי דין
24

משרד עורכי דין

דף נחיתה למשרד עורכי דין בתחום האזרחי, המסחרי ורישוי קבלנים, עם תפריט נגישות מובנה ואנימציות גלילה.

HTML · Tailwind · AOS · Accessibility

צילום מסך: POV · אטרקציות לאירועים
25

POV · אטרקציות לאירועים

דף נחיתה לעסק אטרקציות לאירועים (עמדת צילום רטרו, מופעים וקירות חווייתיים), עם אפקט קונפטי בשליחת הטופס.

HTML · JavaScript · AOS · Canvas

צילום מסך: NT · כתבי כמויות
26

NT · כתבי כמויות

אתר תדמית רספונסיבי להנדסאית בניין: אומדנים, כתבי כמויות וחשבונות לפרויקטי תשתית, עם תפריט נגישות.

React · Vite · Tailwind

צילום מסך: מערכת כתבי כמויות
27

מערכת כתבי כמויות

כלי עבודה לניהול כתבי כמויות: פרויקטים, סעיפים, הנחות וסטטוסים, תבניות, ייצוא ל-Excel והפקת הצעות מחיר, הכל בדפדפן וללא שרת.

JavaScript · LocalStorage · CSV · Print

05 / 05

ניסויים

פרויקטים עצמאיים ומחקר · 4 עבודות

צילום מסך: משחק פלטפורמות רטרו
29

משחק פלטפורמות רטרו

משחק פלטפורמות רטרו, מסע מאילת ועד ירושלים עם קטעי וידאו, חנות וסנכרון התקדמות בענן. כל הגרפיקה והמוזיקה מופקות בקוד.

Phaser 3 · Python · PWA · Netlify Blobs

צילום מסך: הספרייה הדיגיטלית
30

הספרייה הדיגיטלית

ספרייה דיגיטלית בסגנון וינטג׳ בשני אגפים: ספריית ספרים עם מדפים, קורא PDF בדפדוף, חיפוש והערות המיוצאות ל-Word, וספריית קלטות שבה סרטוני הקורסים מוצגים כקלטות וידאו ומתנגנים על טלוויזיה רטרו. עובדת גם במצב לא מקוון ומגובה ביותר מ-260 בדיקות.

Vanilla JS · PDF.js · Video · Service Worker · Playwright

צילום מסך: ממלכת נתניה
31

ממלכת נתניה

ערך אנציקלופדי בדיוני על "ממלכת נתניה", דגל, סמל, מפות, המנון עם כתוביות מסונכרנות ומעבר בין עברית, אנגלית ושפה מומצאת.

HTML · CSS · Audio · i18n

(03) גישה

שיטת עבודה

  1. 01

    הבנת התהליך

    ניתוח העבודה בפועל, מי המשתמשים, מה מאט אותם ואילו כללים מקצועיים חלים.

  2. 02

    אפיון

    הגדרת היקף, מבנה נתונים וזרימות עבודה, לפני שורת הקוד הראשונה.

  3. 03

    פיתוח Full Stack

    צד לקוח ב-React ו-TypeScript, צד שרת ב-Node.js וב-Cloud Functions, Firestore בזמן אמת; תלת-ממד כשהוא מוסיף ערך; ובינה מלאכותית כשותפה לאורך כל הדרך.

  4. 04

    בקרה והשקה

    בדיקות אוטומטיות, נגישות וביצועים, ושיפור מתמשך על בסיס שימוש אמיתי.

(04) טכנולוגיות

כלים וטכנולוגיות

Frontend

  • React
  • TypeScript
  • Astro
  • Vite
  • Tailwind
  • GSAP
  • Motion

3D / Games

  • Three.js
  • React Three Fiber
  • Babylon.js
  • Phaser

Backend

  • Firebase
  • Cloud Functions
  • Netlify Functions
  • Node.js

Quality

  • Playwright
  • Vitest
  • Accessibility
  • PWA

AI

  • Claude
  • Claude Code
  • Midjourney
  • Prompt Engineering