TV Brands - מאגר סדרות על בסיס TVmaze (דמו)
אפליקציה קטנה שבנינו ב-2022. רואים מה משודר היום, מחפשים סדרה ונכנסים לעמוד שלה עם דירוג, פרטי שידור ושחקנים. יש גם מצב כהה, והנתונים מגיעים מ-TVmaze.
מה עשינועיצוב ופיתוח
מסכים
יכולות
- 01
חיפוש
מקלידים בשורת החיפוש, והתוצאות מחליפות את לוח השידורים תוך כדי הקלדה.
- 02
עמוד סדרה
פוסטר, דירוג, תקציר וז'אנרים, ומתחת פרטי השידור (רשת, ימים, סטטוס ושפה) ורשימת השחקנים והתפקידים שלהם.
- 03
מצב כהה
מתג בשורת הניווט עובר בין בהיר לכהה, והאתר זוכר את הבחירה לביקור הבא.
- 04
לוח השידורים של היום
בעמוד הבית מופיעות הסדרות שמשודרות היום, בכרטיסים עם תמונה, דירוג בכוכבים ותקציר, מחולקות לעמודים.
איך זה עובד
רואים מה משודר היום
בעמוד הבית יש את הסדרות שמשודרות היום, עם תמונה, דירוג ותקציר.
מחפשים סדרה
מקלידים שם בשורת החיפוש, והתוצאות מופיעות תוך כדי הקלדה.
נכנסים לעמוד הסדרה
יש בו פוסטר, דירוג ותקציר, פרטי שידור ורשימת השחקנים והתפקידים שלהם.
על הפרויקט
הרקע
TV Brands נבנה במרץ 2022. זו אפליקציה שמציגה סדרות מהמאגר הפתוח של TVmaze, ובנינו אותה בשלושה ימים.
מה בנינו
בעמוד הבית יש כרטיסים של הסדרות שמשודרות היום, מחולקים לעמודים, וחיפוש בשורת הניווט מחליף אותם בתוצאות. כל כרטיס מוביל לעמוד סדרה עם פוסטר, דירוג, תקציר, ז'אנרים, פרטי שידור ושחקנים. יש מתג למצב כהה, והכרטיסים נכנסים בתנועה כשגוללים.
איפה זה היום
הדמו עדיין עובד עם נתונים חיים מ-TVmaze, אז הסדרות בעמוד הבית מתחלפות כל יום.
טכנולוגיות
- ReactUI
- React Router
- Tailwind CSSUI
- SCSS
- Axios
- AOS
- Font Awesome
- TVmaze API
- Vercel
רוצים לבנות משהו דומה?
קראו על פיתוח אפליקציות, או ספרו לנו על הפרויקט שלכם. נקבע שיחת היכרות קצרה ונחזור עם הצעה מותאמת.