برِيث: رفيق هادئ للتنفّس الموجَّه

تطبيق ويب قابل للتثبيت ويعمل دون اتصال، يرشدك خلال جلسات تنفّس ويم هوف والتنفّس الصندوقي و4-7-8 بمشهد متحرّك إجرائياً — بلا حساب، وبلا تتبّع، وبلا مغادرة أي بيانات لجهازك.

تطبيق ويب قابل للتثبيت ويعمل دون اتصال، يرشدك خلال جلسات تنفّس ويم هوف والتنفّس الصندوقي و4-7-8 بمشهد متحرّك إجرائياً — بلا حساب، وبلا تتبّع، وبلا مغادرة أي بيانات لجهازك.

🫁 برِيث: مكان هادئ للتنفّس

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

ماذا يفعل

  • ثلاث تقنيات موجَّهة جاهزة — ويم هوف، والتنفّس الصندوقي، و4-7-8 — لكل منها إيقاع أطوار خاص وعدد دورات ومجموعات.
  • مشهد حيّ مرسوم بـ PixiJS: سماء سماوية مسطّحة، وشمس تتنفّس معك، وسحاب متحرّك بلمسة كرتونية، وحقل زهور، وأرنب رفيق يرفع أذنيه مع الشهيق ويهدأ مع الزفير.
  • مجموعات وحبسات وجولات مع أزرار الإيقاف المؤقت وإعادة البدء والخروج، إضافة إلى استئناف الجلسة المتوقفة.
  • صوت محيطي اختياري — رنّات أطوار مُركّبة وقليل من المقاطع المرخّصة — تُفعَّل عند أول لمسة وتتوقف تلقائياً عند ترك التبويب.
  • أداة طقس من باب السياق عند خروجك؛ وهي الميزة الشبكية الوحيدة، وتعمل بسلاسة دون اتصال.

مصمَّم ليُضاف إليه، لا ليُعاد كتابته

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

الأداء هنا ميزة أولى لا لمسة تجميلية أخيرة. يصنّف ملف الجهاز العتاد إلى منخفض أو متوسط أو عالٍ، ويضبط دقة العرض والتنعيم وميزانية المؤثرات تبعاً لذلك؛ ويراقب حاكم تكيّفي زمن الإطار ويخفض دقة الرسم عند الحاجة. تتركّص المشاهد الخاملة إلى 30 إطاراً في الثانية حتى لا يستهلك هاتف متروك على الطاولة طاقته سدى.

إعادة التسمية التي لم تُفقد بيانات أحد

بدأ المنتج باسم Breath Badger، وعند تحويله إلى برِيث مسّ الاسم مساحة التخزين المحلية، فكان لا بدّ من نقل إعدادات كل مستخدم وتفضيلاته معه. ترحّل أداة صغيرة بطبقتين المفاتيح القديمة breath-badger:* إلى breathe:* مباشرةً — بأحدث قيمة أولاً، دون طمس، وبأثر قابل للتكرار — فلم يفقد أحد إعداده بسبب تغيير اسم.

التقنيات

التقنيةالدور
TypeScriptكود صارم وآمن الأنواع
Litهيكل واجهة خفيف بمكوّنات الويب
PixiJSمشهد WebGL: الظلال والجسيمات والشخصيات
Viteخادم التطوير وبناء الإنتاج
vite-plugin-pwaهيكل تطبيق قابل للتثبيت ويعمل دون اتصال

النتيجة

برِيث متاح الآن على breathe.t3apps.com كتطبيق ويب قابل للتثبيت، بعلامات 100 في إمكانية الوصول والممارسات الفضلى وSEO على Lighthouse. إنه حجّة الاستوديو في صورة مصغّرة: تطبيق صغير، وواجهة هادئة، وبنية قابلة للنمو دون أن تثقل.

تفاصيل المشروع

السنة

سبتمبر 2026

أيضًا معروف بـ

Breathe: A Quiet Guided Breathing Companion

الوسوم

الصحة والعافيةتطبيق ويب تقدّميWebGLيعمل دون اتصال

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

TypeScriptLitPixiJSVitevite-plugin-pwa

الإنجازات

  • يعمل كاملاً دون اتصال بعد الزيارة الأولى
  • علامة 100 في إمكانية الوصول والممارسات الفضلى وSEO على Lighthouse
  • تطبيق قابل للتثبيت مع اختصار لبدء الجلسة بلمسة واحدة

ابدأ مشروعًا

تواصل معنا و دعنا نساعدك في بناء مشروعك القادم.

Start a conversation ابدأ المحادثة