مشروع شخصي متكامل

Basra Pixel

دليل رقمي لاكتشاف أفضل الأماكن بمدينة البصرة — مطاعم، مقاهي، مولات، ومتاحف بمكان وحد. مشروع بنيته بالكامل من الصفر بثلاث طبقات مترابطة: تطبيق موبايل، API خلفي حقيقي، ولوحة تحكم إدارية.

دوري بالمشروع

تصميم وتطوير كامل (Full-Stack)

المدة

شهر

النوع

تطبيق موبايل + Backend + لوحة تحكم

Flutter / Dart PHP خام MySQL REST API HTML/CSS/JS خام

تطبيق Flutter · iOS & Android

01 — نظرة عامة

الفكرة والمشكلة

ما فيه تطبيق واحد يجمع أماكن البصرة (مطاعم، مقاهي، مولات، متاحف) بمكان وحد بهوية بصرية عراقية مميزة. Basra Pixel يحل هذي المشكلة: يخلي المستخدم يتصفح، يفلتر، يبحث، ويحفظ الأماكن المفضلة عنده بسهولة — وكل هذا مبني فوق باك اند حقيقي مو بيانات وهمية.

✓

تطبيق Flutter كامل بخمس شاشات رئيسية، مربوط بنظام تسجيل دخول/إنشاء حساب حقيقي، ومفضلة وسجل بحث يتزامنون مباشرة مع السيرفر.

✓

API خلفي بـ PHP + MySQL خام (بدون أي فريمورك) — نقاط وصول REST كاملة للأماكن، المصادقة، المفضلة، وسجل البحث، مع حساب مسافات حقيقي (Haversine) وتوكن مصادقة (Bearer Token).

✓

لوحة تحكم إدارية لإدارة الأماكن والمستخدمين برفع صور فعلي وإحصائيات حية، بنفس الهوية البصرية.

✓

موقع تعريفي (Landing Page) بـ HTML/CSS/JS خام بدون أي مكتبات، بنفس هوية "Liquid Glass" البصرية.

✓

تكامل مع خرائط آبل — كل مكان يفتح موقعه الحقيقي واتجاهات القيادة له مباشرة بتطبيق Apple Maps.

02 — تطبيق الموبايل

Flutter · خمس شاشات رئيسية

هوية بصرية "Liquid Glass" مخصصة: خلفية متدرجة داكنة-تركوازية، بطاقات زجاجية شفافة (Blur)، وشعار بلمسة بكسل. كل شاشة تسحب بياناتها حية من الـ API — مافيه بيانات وهمية بالتطبيق النهائي.

الرئيسية

البحث والفلترة

تفاصيل المكان

المفضلة

حسابي

→

الرئيسية: فلترة حسب التصنيف تتفاعل حية مع البيانات — تختار "مقاهي" يعرض بس المقاهي بالأكثر شعبية والأقرب منك.

→

البحث: بحث نصي + فلاتر تصنيف + عمليات بحث أخيرة محفوظة بالسيرفر لكل مستخدم.

→

تفاصيل المكان: معرض صور، تقييم، حالة الفتح، مسافة حقيقية، خريطة مصغرة، وزر اتجاهات يفتح خرائط آبل بالإحداثيات الفعلية.

→

المفضلة: قلب واحد يحفظ المكان، ويظهر فوراً بكل الشاشات — متزامن مع قاعدة البيانات مو محلي بس.

→

حسابي: بروفايل، إحصائيات حية، إشعارات، إعدادات، مساعدة ودعم، وتسجيل خروج فعلي.

03 — الموقع التعريفي

Landing Page

موقع تعريفي منفصل تماماً عن النظام، مبني بـ HTML/CSS/JS خام بدون أي مكتبات ثقيلة، غرضه الوحيد تعريف الزوار بالتطبيق وتحميله لاحقاً — بنفس الهوية البصرية بالضبط.