BOXD – منصة تجارة إلكترونية للأنمي والمانجا مع صانع بوكسات مخصص (Custom Box Builder)
نبذة عن المشروع: BOXD هي منصة متكاملة (Full-Stack) ومتعددة اللغات (عربي وإنجليزي) متخصصة في منتجات الأنمي والمانجا والألعاب. الموقع مصمم بستايل Neo-Brutalist عصري وجذاب، وبيجمع بين متجر إلكتروني متكامل، نظام تفاعلي لتركيب "البوكسات المخصصة" (Mystery Crates)، ولوحة تحكم حية (Real-time Admin Dashboard) لإدارة العمليات بالكامل.
أهم المميزات:
صانع البوكسات التفاعلي (Box Builder): نظام خطوة بخطوة يقدر العميل من خلاله يركب بوكس الأنمي الخاص بيه بنفسه مع عداد ذكي بيحسب سعة البوكس والسعر لحظة بلحظة.
كتالوج ذكي ومبدل لمجلدات المانجا (Volume Switcher): فلاتر سريعة حسب الأنمي والتصنيف والسعر، مع إمكانية التنقل بين مجلدات نفس سلسلة المانجا مباشرة من صفحة المنتج بدون إعادة تحميل الصفحة.
نظام التوفر وحالة العرض فقط (View-Only Mode): المنتجات غير المتوفرة بتفضل ظاهرة في الموقع مع علامة غير متوفر عشان العميل يقدر يتفرج عليها، مع قفل زرار الشراء والإضافة للسلة تلقائياً.
دعم كامل للغتين العربي والإنجليزي: تحويل فوري بين العربي (RTL) والإنجليزي (LTR) لكل صفحات الموقع، مع تسعير بالجنيه المصري (EGP).
حساب شحن ديناميكي وإتمام طلب ذكي: حساب مصاريف الشحن تلقائياً حسب المحافظة والمنطقة في مصر، مع نظام كوبونات الخصم وحماية ضد نفاد المخزون.
لوحة تحكم أدمن حية (Real-Time Studio): تحديث الطلبات لحظياً بدون عمل Refresh، سويتش بنقرة واحدة لتشغيل/إيقاف توفر أي منتج، إمكانية تسجيل أوردرات يدوية (تليفون/أوفلاين)، وإدارة كاملة للمخزون وحالات الشحن.
التقنيات المستخدمة (Tech Stack):
الواجهة الأمامية (Frontend): Vanilla JavaScript (ES6+), HTML5, CSS3 (تصميم Neo-Brutalist تفاعلي), FontAwesome.
الباك إند (Backend): Python (Flask RESTful API), SQLite / Relational Database.
السيرفر والتشغيل (Deployment): Nginx Web Server, Linux Daemon Services, Cache-busting system.
BOXD – Anime & Pop-Culture E-Commerce with Custom Mystery Box Builder
Overview: BOXD is a full-stack, bilingual (English & Arabic) e-commerce web platform for anime, manga, and gaming merchandise. Built with a modern Neo-Brutalist design system, it combines a standard online store with an interactive custom mystery box builder and a real-time admin management dashboard.
Key Features:
Interactive Custom Box Builder: A step-by-step gamified builder where customers configure personalized loot boxes with live capacity and budget tracking.
Smart Catalog & Manga Volume Switcher: Multi-attribute filtering (fandom, category, price) and a dynamic volume selector on manga product pages allowing users to switch volumes instantly without reloading.
Availability & View-Only Mode: Out-of-stock or disabled items remain browseable in the catalog with an Unavailable badge, while cart and checkout actions are automatically restricted.
Full Arabic/English Localization: Complete LTR/RTL support with instantaneous language switching and localized Egyptian Pound (EGP) currency formatting.
Smart Checkout & Shipping Engine: Dynamic shipping fees calculated by Egyptian governorates/zones, promo code support, and server-side stock validation.
Real-Time Admin Dashboard: Live-updating orders table (no refresh needed), 1-click product availability toggles, manual/offline order creation, and full inventory/order status tracking.
Tech Stack:
Frontend: Vanilla JavaScript (ES6+), Semantic HTML5, CSS3 (Neo-Brutalist theme & custom tokens), FontAwesome.
Backend: Python (Flask REST API), SQLite / Relational DB, Secure Session Management.
Deployment: Nginx reverse proxy, Linux daemon service, Asset versioning & cache control.