تطبيق اجتماعي للحيوانات الأليفة

Petzap

Petzap شبكة اجتماعية للحيوانات الأليفة ومن يعتنون بها. ينشئ أصحابها ملفاً لكل حيوان، ويجدون الحيوانات القريبة على الخريطة، ويتابعونها، ويشاركون الصور، ويتحادثون مع أصدقائهم.

القطاع
تطبيق اجتماعي للحيوانات الأليفة
المستخدمون
أصحاب الحيوانات الأليفة
نطاق العمل
ملفات الحيوانات وخريطتها والمنشورات والأصدقاء والمحادثات
الحالة
مشروع حديث
شاشات خريطة الحيوانات الأليفة وملف الحيوان وآخر النشاطات في Petzap بجانب شعار Petzap
طلحة منظور · Petzap التطبيق الاجتماعي للحيوانات الأليفة
الشاشات والفيديو

الملفات وخريطة الحيوانات والمحادثة.

تستخدم الشاشات نسخة محلية من الواجهة البرمجية ببيانات تجريبية وصور حيوانات وأشخاص بترخيص حر (CC0).

جولة سريعة بالفيديو.

جولة قصيرة في خريطة الحيوانات والمنشورات العامة والمحادثة، مع موسيقى.

افتح الجولة أو نزّلها

الحيوانات والملفات

سجّل الدخول، واطلع على حيواناتك، وأضف حيواناً جديداً.

شاشة البداية في Petzap ببيانات تجريبيةتكبير الصورة: الترحيب

الترحيب

شاشة البداية في Petzap.

شاشة تسجيل الدخول في Petzap ببيانات تجريبيةتكبير الصورة: تسجيل الدخول

تسجيل الدخول

تسجيل الدخول بالبريد الإلكتروني، مع خياري Google وApple.

الشاشة الرئيسية في Petzap ببيانات تجريبيةتكبير الصورة: الرئيسية

الرئيسية

حيواناتك، وآخر منشورات الأصدقاء، وروابط سريعة إلى خريطة الحيوانات.

ملف الحيوان في Petzap ببيانات تجريبيةتكبير الصورة: ملف الحيوان

ملف الحيوان

النوع والسلالة والمنشورات والمتابعون وخيار الظهور على الخريطة.

نموذج إضافة حيوان في Petzap ببيانات تجريبيةتكبير الصورة: إضافة حيوان

إضافة حيوان

الاسم والنوع والجنس والسلالة وتاريخ الميلاد وبيانات التطعيم.

الاستكشاف

خريطة الحيوانات والمنشورات العامة ونشاط الأصدقاء.

خريطة الحيوانات في Petzap ببيانات تجريبيةتكبير الصورة: خريطة الحيوانات

خريطة الحيوانات

الحيوانات القريبة على الخريطة، مع قائمة سريعة في الأعلى.

ملف حيوان صديق في Petzap ببيانات تجريبيةتكبير الصورة: حيوان صديق

حيوان صديق

افتح حيواناً من الخريطة لترى ملفه وتتابعه.

شاشة الاستكشاف في Petzap ببيانات تجريبيةتكبير الصورة: الاستكشاف

الاستكشاف

ابحث عن الأشخاص والحيوانات، مع المنشورات العامة في شبكة أسفل الخريطة.

نشاط الأصدقاء في Petzap ببيانات تجريبيةتكبير الصورة: نشاط الأصدقاء

نشاط الأصدقاء

منشورات الأصدقاء مع الإعجابات والتعليقات.

لوحة التعليقات في Petzap ببيانات تجريبيةتكبير الصورة: التعليقات

التعليقات

علّق على منشور دون مغادرة الصفحة.

الأصدقاء والمحادثة

الأصدقاء والمحادثات والإعدادات.

قائمة الأصدقاء في Petzap ببيانات تجريبيةتكبير الصورة: الأصدقاء

الأصدقاء

أصدقاؤك والدعوات المعلّقة والطلبات، مع اختصار للمراسلة.

قائمة المحادثات في Petzap ببيانات تجريبيةتكبير الصورة: المحادثات

المحادثات

المحادثات مع الأصدقاء وآخر رسالة في كل منها.

محادثة في Petzap ببيانات تجريبيةتكبير الصورة: المحادثة

المحادثة

محادثة فردية بين أصحاب الحيوانات الأليفة.

شاشة الإعدادات في Petzap ببيانات تجريبيةتكبير الصورة: الإعدادات

الإعدادات

المنشورات والأصدقاء وكلمة المرور والسياسات والحسابات المحظورة.

عن المنتج

تطبيق اجتماعي تملك فيه الحيوانات الأليفة ملفاتها.

يمنح Petzap كل حيوان أليف ملفاً خاصاً به. يضيف أصحابها حيواناتهم، ويُظهرونها على خريطة الحيوانات إن أرادوا، وينشرون الصور، ويتابعون حيوانات أخرى. ويمكن للأصدقاء التعليق والإعجاب والمحادثة.

التحدي الأصعب

يرغب أصحاب الحيوانات الأليفة في التعرف على أصحاب حيوانات آخرين قريبين منهم، لكن معظم التطبيقات الاجتماعية مبنية حول الأشخاص لا الحيوانات. وكان على التطبيق أن يضع الحيوانات أولاً في الملفات والخريطة والمنشورات، مع إبقاء مشاركة الموقع خياراً لكل حيوان على حدة.

من الملف إلى موعد اللعب

  • الملف

    أضف حيوانك مع نوعه وسلالته وتاريخ ميلاده وبيانات تطعيمه.

  • الاستكشاف

    تصفّح الحيوانات القريبة على الخريطة، واستكشف المنشورات العامة، وتابع الحيوانات التي تعجبك.

  • التواصل

    أضف أصدقاء، وعلّق على منشوراتهم، ونسّق لقاءً في المحادثة.

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

دوري في المشروع.

  • تطبيق React Native لنظامي iOS وAndroid
  • واجهة برمجية بتقنيتي Node.js وMongoDB للحيوانات والمنشورات والأصدقاء والمحادثات

هندسة React Native وNode.js · طلحة منظور. المنتج مملوك لأصحابه، وتصف هذه الصفحة المنتج كاملاً وليس الجزء الذي عملت عليه فقط.

ما تتضمنه الشيفرة

  • تطبيق الجوال

    React Native مع TypeScript، ومكدّسات React Navigation وتبويباتها، ومخازن Zustand محفوظة في MMKV، وReact Hook Form مع التحقق عبر Zod.

  • الخريطة والوسائط

    react-native-maps لخريطة الحيوانات، مع رفع منشورات الصور والفيديو كبيانات نماذج.

  • الواجهة البرمجية والمحادثة

    واجهة برمجية بتقنيتي Express وMongoDB مع مصادقة JWT للحيوانات والمنشورات والتعليقات والإعجابات والأصدقاء، وتتولى PubNub المحادثات والإشعارات الفورية.

ما أنجزناه

تطبيق اجتماعي للحيوانات الأليفة من البداية إلى النهاية

أنا، طلحة منظور، بنيت تطبيق React Native وواجهته البرمجية بتقنية Node.js. تعمل ملفات الحيوانات والخريطة والمنشورات والتعليقات والأصدقاء والمحادثات كلها في الشيفرة. وكان تبويب الشبكة واختصار الألعاب لا يزالان مؤقتين، لذلك لا يظهران هنا.

التقنيات

التقنيات المستخدمة.

React NativeTypeScriptZustandPubNubNode.jsMongoDB

بناءً على الشيفرة التي عملت عليها أو على عملي في المشروع، وقد يستخدم المنتج الحالي تقنيات مختلفة.