חזרה לתיק עבודות
אפליקציית Full-Stack
SynchBoard logo

SynchBoard

לוח ציור שיתופי שמאפשר לכמה אנשים לצייר יחד בזמן אמת מכל מקום

בקרו באתר
SynchBoard - Desktop
SynchBoard - Mobile

האתגר

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

הפתרון

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

ארגז הכלים

יותר מ-15 כלי ציור מקצועיים מחולקים לקטגוריות — עם אפשרות לבטל ולחזור על כל פעולה ולייצא את הציור

ציור

מברשת
מחק
עט

צורות

מלבן
עיגול
משולש
כוכב
חץ
קו

כלים

טקסט
בורר צבעים
ביטול
שחזור
הורדה

יכולות מרכזיות

עבודה יחד בזמן אמת

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

כלי ציור מקצועיים

מברשת חופשית, מחק, שישה סוגי צורות, חצים, תיבות טקסט, בורר צבעים, וביטול/שחזור מלא — הכל זמין בלחיצה

כניסה מאובטחת

אפשר להיכנס בקלות עם חשבון Google, או להירשם עם אימייל — עם אימות חשבון ואפשרות לאפס סיסמה

ניהול לוחות

יוצרים לוח חדש, מזמינים אנשים לשתף פעולה דרך אימייל, ומגדירים מי יכול לערוך ומי רק לצפות

מערכת סנכרון בזמן אמת

כל פעולה שמישהו עושה על הלוח מגיעה מיד לכל שאר המשתתפים — גם אם הקשר נופל לרגע, שום דבר לא הולך לאיבוד

React Client
ממשק ציור + ניהול מצב
WebSocket
ערוץ תקשורת בזמן אמת
ActiveMQ Artemis
תור הודעות + שמירה אופליין
Spring Boot
שרת API + אימות משתמשים
PostgreSQL
אחסון קבוע
תור הודעות אופלייןחיבור מחדש אוטומטיסנכרון מיידי

מה שמייחד

ציור יחד בזמן אמתכניסה עם Google15+ כלי ציור מקצועיים

תשתית הפעלה

המערכת רצה על תשתית מאובטחת ואמינה — מוכנה להתמודד עם עומסים בסביבת ענן

Nginx
שרת פרוקסי + הצפנת SSL
Docker Compose
ניהול קונטיינרים
Spring Boot
שרת אפליקציה + אימות JWT
PostgreSQL
שכבת אחסון נתונים

תוצאות

2
שפות
15+
כלי ציור
< 50ms
זמן סנכרון

טכנולוגיות

ReactSpring BootPostgreSQLActiveMQWebSocketDockerNginxSCSS ModulesCanvas API