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

שירות

  • תיק עבודות
  • חנות
  • ניוזלטר

אודות

  • דף הבית
  • צור קשר
  • תנאים
  • פרטיות

תוספות

  • חנות
  • תנאים
  • פרטיות

הצטרפו לקהילה

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

בלחיצה על הרשמה, את/ה מסכים/ה לתנאי השימוששלנו.

© 2026 גרפיטציה

|פרטיותתנאים
SSL
Stripe
  1. דף הבית
  2. תיק עבודות
  3. Chess3D

Chess3D

17 במאי 2026
Chess3D
ReactNode.jsThree.jsSocket.IOPostgreSQLDockerJWTFull-Stack

Chess3D

פלטפורמת שחמט מקוונת מתקדמת המציעה חוויית משחק תלת-ממדית (3D visualization), משחק מרובה משתתפים בזמן אמת (Real-time multiplayer), ומערכת דירוג שחקנים. הפרויקט פותח במלואו כ-Full Stack וכולל ארכיטקטורת Client-Server מבוססת WebSockets.

טכנולוגיות מרכזיות (Tech Stack)

  • Frontend: פותח ב-React, תוך שימוש ב-Three.js (דרך React Three Fiber) ליצירת לוח שחמט תלת-ממדי אינטראקטיבי לחלוטין.

  • Backend: שרת Node.js עם Express, המנהל את הלוגיקה העסקית.

  • Real-Time Communication: שימוש ב-Socket.IO לניהול משחקים חיים בתקשורת דו-כיוונית.

  • Database: מסד נתונים רלציוני PostgreSQL לשמירת נתוני משתמשים, היסטוריית משחקים ודירוגים.

  • Authentication & Security: ניהול משתמשים מאובטח (Signup/Login) וניהול Sessions באמצעות JWT (JSON Web Tokens).

  • DevOps & Deployment: השרת ומסד הנתונים מנוהלים ופרוסים דרך Render, כאשר ה-Frontend פרוס על Netlify. סביבת הפיתוח והייצור עושה שימוש ב-Docker ו-Docker Compose לקונטיינריזציה (Containerization). הפרויקט כולל CI/CD pipeline בסיסי דרך GitHub Actions.

פיצ'רים מרכזיים (Key Features)

  • 3D Chess Board: לוח משחק וכלים תלת-ממדיים הניתנים ללחיצה ואינטראקציה מלאה, עם תמיכה ב-Responsive Design להתאמה למובייל ולדסקטופ.

  • Live Multiplayer Matches: מנוע משחק התומך בהתאמת שחקנים (Matchmaking) וניהול מהלכים בזמן אמת.

  • ELO Rating System: יישום אלגוריתם ELO / Glicko-2 למעקב מדויק אחר רמת השחקנים ועדכון הדירוג לאחר כל משחק.

  • Game History & Replay: שמירת היסטוריית מהלכים מלאה המאפשרת שחזור וצפייה חוזרת במשחקי עבר.

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

  • Performance Optimization: ביצוע אופטימיזציות כגון Code-splitting ו-Bundle optimization לשיפור זמני טעינה, וכתיבת E2E tests להבטחת איכות.

צפו בפרויקט ←

תגובות