الواجهة الأماميةمشروع شخصي2024
OpenData Canvas
تطبيق لتجميع البيانات يجلب البيانات المفتوحة ويعرضها عبر واجهة React سريعة ومحدّدة الأنواع.
التقنيات المستخدمة
React 18TypeScriptViteTailwind CSSFramer MotionReact RouterContext API
المشكلة
البيانات المفتوحة قيّمة لكنها مبعثرة؛ وتحتاج إلى واجهة واضحة حتى تصبح مفيدة فعلاً.
ما قمت ببنائه
- بناء تطبيق React 18 وTypeScript محدّد الأنواع باستخدام Vite.
- استخدام React Router وContext API للتنقل وإدارة الحالة.
- تحسين الواجهة باستخدام Tailwind وFramer Motion.
النتيجة
تطبيق بيانات متجاوب يُظهر بنية React قوية ومحدّدة الأنواع. عرض مباشر متاح.
ما تعلمته: ترسيخ أنماط TypeScript وهيكلة الحالة في جانب العميل.