Clipnest - פיד פרטי של קליפים וממים לקבוצת חברים
אתר שקבוצת חברים מריצה לעצמה. כל אחד מקבל שם וסיסמה, מעלה קליפים וממים באיכות מלאה, עד 5GB לקובץ, והכל נכנס לפיד אחד עם לייקים ותגובות. נכנס רק מי שהאדמין הוסיף.
מה עשינואפיון, עיצוב ופיתוח
מסכים
יכולות
- 01
כניסה בלי הרשמה
אין טופס הרשמה ואין מייל. האדמין יוצר חשבון עם שם וסיסמה, השם מופיע ברשימה במסך הכניסה, ומקלידים רק את הסיסמה.
- 02
פיד מוכר
עמודה אחת בסגנון אינסטגרם, עם הקליפ, הכיתוב, הלייקים והתגובות בתוך הפוסט. עוד פוסטים נטענים בגלילה.
- 03
תצוגת רשת
רשת של ארבע עמודות כשרוצים לעבור על הכל מהר. הבחירה נשמרת, ועל סרטונים מופיע האורך שלהם.
- 04
מסך מלא
לחיצה על פוסט פותחת אותו על כל המסך. החצים במקלדת עוברים בין פוסטים ו-Esc סוגר.
- 05
לייקים ותגובות
לייק אחד לכל אחד, ומעבר עם העכבר על המספר מראה מי עשה לייק. לתגובות יש לייקים משלהן, והמובילות עולות למעלה.
- 06
העלאה של קבצים גדולים
גוררים קליפים, הקלטות מסך, ממים וצילומי מסך, כותבים כיתוב לכל אחד ורואים פס התקדמות. עד 5GB לקובץ.
- 07
שיתוף של פוסט אחד
כל פוסט פרטי עד שמישהו לוחץ Share ומאשר אזהרה שמסבירה מה יהיה גלוי. אז הוא מקבל קישור ציבורי עם תצוגה מקדימה בצ'אטים ותווית Public בפיד. היוצר, מי ששיתף או אדמין יכולים לבטל.
- 08
פאנל ניהול
יצירת משתמשים (הסיסמה מוצגת פעם אחת), איפוס סיסמאות, מינוי אדמינים, עריכת כיתובים ומחיקת פוסטים ומשתמשים.
- 09
נייד
אותו פיד, אותן תגובות ואותו שיתוף בטלפון, עם תפריט מקוצר בראש המסך.
- 10
מיון
החדשים, הכי הרבה לייקים, הכי הרבה תגובות או הישנים, והגלילה ממשיכה לפי המיון שנבחר.
- 11
אווטרים
לכל אחד דמות שנוצרת לבד, עם כפתור להגרלה מחדש ו-12 סגנונות. לא צריך להעלות תמונה.
- 12
שם משלכם
האדמין יכול לשנות את שם האתר ואת השורה מתחתיו, למשל לשם של הקבוצה או של אירוע. השם מופיע גם בתצוגה המקדימה של קישור.
איך זה עובד
מעלים קליפים וממים
גוררים כמה קבצים יחד, עד 5GB לקובץ, וכותבים כיתוב לכל אחד. הם נכנסים לפיד של הקבוצה באיכות מלאה.
גוללים, עושים לייק ומגיבים
בפיד או ברשת, לפי החדשים או לפי הכי הרבה לייקים. רואים מי עשה לייק, ולתגובות יש לייקים משלהן.
משתפים פוסט החוצה
כל פוסט פרטי. מי שרוצה להראות פוסט אחד למישהו מבחוץ לוחץ Share, מאשר אזהרה ומקבל קישור ציבורי. אפשר לבטל את השיתוף.
על הפרויקט
הרקע
לכל קבוצת חברים יש את הקליפ מהמשחק בשלוש בלילה, את הסרטון מהמסיבה ואת המם שרק הם מבינים. בדרך כלל זה הולך לאיבוד בוואטסאפ או בערוץ דיסקורד, ובאיכות גרועה. Clipnest הוא אתר שהקבוצה מריצה לעצמה. כל אחד מקבל שם וסיסמה, מעלה קליפים וממים באיכות מלאה, והכל נכנס לפיד אחד עם לייקים ותגובות.
הכל פרטי מההתחלה. אין הרשמה ואין מיילים, והאדמין יוצר את החשבונות.
מה בנינו
בכניסה בוחרים שם מהרשימה ומקלידים סיסמה. בפיד עוברים בין עמודה אחת לרשת, ממיינים לפי חדשים, לייקים או תגובות, ופותחים פוסט על כל המסך. מעבר עם העכבר על מספר הלייקים מראה מי עשה לייק, ולתגובות יש לייקים משלהן. בהעלאה גוררים כמה קבצים יחד, עד 5GB לקובץ, וכותבים כיתוב לכל אחד. לכל משתמש אווטר שנוצר לבד, והאדמין מנהל משתמשים, פוסטים ואת שם האתר מפאנל אחד.
פוסט יוצא מהקבוצה רק אם מישהו בחר לשתף אותו. לחיצה על Share פותחת אזהרה שמפרטת מה זר יראה, ורק אחרי אישור הפוסט מקבל כתובת ציבורית עם תצוגה מקדימה בצ'אטים ובמנועי חיפוש. מי שמגיע לקישור רואה את הפוסט, הכיתוב, מי פרסם וכמה לייקים ותגובות יש. את מי שעשה לייק, את התגובות ואת שאר הפוסטים הוא לא רואה.
החלטות מרכזיות
שיתוף הוא תמיד החלטה של מישהו, על פוסט אחד. התווית Public מופיעה רק אחרי שהשיתוף באמת הצליח. ביטול שיתוף מוריד את הדף מיד, אבל הקובץ עצמו נשאר נגיש בכתובת שלו עד שמוחקים את הפוסט. כתבנו את זה בתיעוד.
קבצים עולים כמו שהם, באיכות מלאה ועד 5GB לקובץ, עם פס התקדמות לכל אחד.
הגלילה ממשיכה בדיוק מאיפה שעצרה. גם כשמישהו מעלה פוסט או עושה לייק באמצע, שום פוסט לא מופיע פעמיים ולא נעלם.
איפה זה היום
כל קבוצה מקימה עותק משלה של Clipnest. הקוד פתוח ב-GitHub, עם הוראות הקמה.
טכנולוגיות
- TypeScriptLANG
- BunRUNTIME
- ElysiaAPI
- Eden
- Next.jsWEB
- ReactUI
- Mantine
- Tailwind CSSUI
- DrizzleDATA
- PostgreSQLDATA
- PGlite
- Cloudflare R2STORAGE
- Swagger
- DiceBear
קישורים
רוצים לבנות משהו דומה?
קראו על פיתוח אפליקציות, או ספרו לנו על הפרויקט שלכם. נקבע שיחת היכרות קצרה ונחזור עם הצעה מותאמת.