Shrinkly
منصة شاملة لتتبع البصمة الكربونية تمكّن المستخدمين من مراقبة التأثير البيئي وشراء التعويضات المعتمدة والمشاركة في تحديات الاستدامة.
نظرة عامة على المشروع
Shrinkly هي منصة استدامة كاملة المكدس مبنية كمستودع pnpm أحادي حديث مع تنسيق Turborepo. تتيح المنصة للمستخدمين تتبع بصمتهم الكربونية تلقائياً من المعاملات المالية، وتصفح وشراء مشاريع تعويض الكربون المعتمدة، والتنافس في تحديات الاستدامة التفاعلية، والتواصل مع مجتمع واعٍ بيئياً. مبنية بأنماط هندسة معمارية على مستوى المؤسسات، يضم التطبيق 126 مكون React منظمة في تصميم ذري، وطبقة API آمنة النوع، وبنية أمان شاملة.
حجم الفريق: 1
المدة: Ongoing
ساعات التطوير: 300+
ما هي المشكلة؟
يظل تتبع البصمة الكربونية الفردية غير متاح لمعظم الناس — حساب الانبعاثات يدوياً مملّ والأدوات الموجودة تفتقر إلى التفاعل. يجد المستخدمون صعوبة في فهم تأثيرهم البيئي والعثور على مشاريع تعويض معتمدة والبقاء متحمسين لتقليل الانبعاثات. كان مجال الاستدامة بحاجة إلى منصة شاملة تجمع بين التتبع الآلي وميزات السوق والمسؤولية الاجتماعية واللعبنة لجعل تقليل الكربون متاحاً وجذاباً للمستخدمين العاديين.
الحل
صممنا منصة مستودع أحادي كامل المكدس باستخدام React 19 وNext.js 16 الحديثين للواجهة الأمامية، مقترنة بخلفية API Fastify 5 — كل ذلك يتشارك أنواع TypeScript لأمان النوع من البداية إلى النهاية. يستخدم الحل أنماط المؤسسات بما في ذلك مكونات التصميم الذري، وإدارة حالة Zustand مع شرائح معيارية، وبرمجيات وسيطة أمنية شاملة.
بنينا واجهة أمامية Next.js 16 مع 35 مسار تطبيق تغطي لوحة التحكم والمعاملات والرؤى والتحديات والتعويضات والأهداف والملفات الشخصية والإعدادات — منظمة بأنماط التصميم الذري
طورنا API REST Fastify 5 مع توثيق OpenAPI/Swagger، ومسارات آمنة النوع باستخدام التحقق من Zod، وحساب تلقائي لثاني أكسيد الكربون بناءً على فئات المعاملات
نفذنا بنية متجر Zustand موحدة مع 13 شريحة معيارية تحل محل 11 مزود سياق لأداء محسّن
أنشأنا سوق تعويض الكربون مع 18+ مشروعاً معتمداً مع سلة تسوق وسجل مشتريات وتكامل التحقق عبر سلسلة الكتل
صممنا نظام تحديات تفاعلي مع لوحات صدارة ومعالم ومستويات صعوبة (سهل إلى خبير) وآليات مكافأة لتعزيز مشاركة المستخدمين
بنينا بنية أمان شاملة تشمل حماية CSRF وتحديد معدل لكل نقطة نهاية ورؤوس CSP وأمان مستوى الصف في PostgreSQL لـ Supabase
الوظائف
يوفر Shrinkly للمستخدمين لوحة تحكم بديهية تعرض انبعاثات الكربون في الوقت الفعلي، وتفصيل الفئات (النقل، الغذاء، التسوق، الطاقة، الخدمات)، وتحليل الاتجاهات الشهرية. تحسب المنصة تلقائياً مكافئات ثاني أكسيد الكربون من المعاملات المالية باستخدام معاملات خاصة بكل فئة، وتدعم الاستيراد الجماعي للمعاملات، وتقدم توصيات بالذكاء الاصطناعي لتقليل البصمة الكربونية الشخصية.
نتائج تعاوننا:
لوحة تحكم بصمة كربونية في الوقت الفعلي مع تصورات Recharts تفاعلية، وتحليل تفصيل الفئات، ومقاييس مقارنة شهرية
نظام إدارة المعاملات مع عمليات CRUD، وحساب CO2 تلقائي (6 معاملات لكل فئة)، واستيراد جماعي لما يصل إلى 1,000 معاملة، وتصفية/فرز متقدم
سوق تعويض الكربون مع 18+ مشروعاً معتمداً، وسير عمل كامل لسلة التسوق، وإدارة الكميات، وتتبع سجل المشتريات مع التحقق عبر سلسلة الكتل
تحديات استدامة تفاعلية مع 4 مستويات صعوبة، ولوحات صدارة المشاركين، وتتبع المعالم، وتحديات لكل فئة (7 فئات)، وتوزيع المكافآت
ميزات اجتماعية تشمل شبكة أصدقاء مع إدارة الطلبات، ومنشورات مجتمعية مع الإعجابات والتعليقات، ولوحة الإنجازات، وتخصيص ملف المستخدم
نظام تحديد الأهداف مع تتبع التقدم، ومقارنات الأهداف اليومية، وتوصيات التخفيض بالذكاء الاصطناعي، وتفضيلات الإشعارات
126 مكون React قابل لإعادة الاستخدام منظم في تسلسل هرمي للتصميم الذري مع أساس shadcn/ui (66+ مكون)
نتائج المشروع
