موقع لتبني القطط (جاتيتو)

مشروع ويب حديث مبني باستخدام Angular ويعمل على محاكاة منصة لعرض القطط المتاحة للتبني مع إمكانية تصفح التفاصيل الخاصة بكل قطة بشكل ديناميكي.

يتيح التطبيق للمستخدمين استعراض مجموعة من القطط مع إمكانية تصفية النتائج حسب السلالة، بالإضافة إلى عرض تفاصيل كل قطة في صفحة منفصلة تحتوي على الصورة، الوصف، والسعر ومعلومات إضافية.

يعتمد المشروع على JSON Server كـ API وهمي لإدارة البيانات، مما يوفر تجربة كاملة تحاكي التطبيقات الواقعية من حيث جلب البيانات، التوجيه بين الصفحات، والتعامل مع REST APIs.

⚙️ أهم المميزات:

عرض قائمة القطط بشكل ديناميكي باستخدام Angular

نظام Routing للانتقال بين الصفحات (Home / Cats / Details)

صفحة تفاصيل لكل قطة (About Cat)

فلترة القطط حسب السلالة (Breed Filter)

استخدام JSON Server كمصدر بيانات وهمي (Mock API)

تصميم واجهات مستخدم تفاعلية باستخدام Angular Directives و Pipes

دعم عرض/إخفاء الوصف بشكل تفاعلي (Read More / Read Less)

🧠 التقنيات المستخدمة:

Angular (Standalone Components & Routing)

TypeScript

JSON Server (Mock REST API)

HTML5 / CSS3

RxJS (Observables for HTTP requests)