وصف المشروع: تطبيق ToSee لمساعدة المكفوفين وضعاف البصر
نقدم لكم مشروع ToSee، وهو تطبيق ويب وموبايل مبتكر يهدف إلى إحداث فرق كبير في الحياة اليومية للمكفوفين وضعاف البصر. يجمع هذا المشروع بين أحدث التقنيات والرؤية الإنسانية لتوفير حلول عملية تزيد من استقلالية المستخدمين وتحسن جودة حياتهم.
ToSee هو رفيق يومي يعتمد على الذكاء الاصطناعي والرؤية الحاسوبية لمساعدة المستخدمين على "رؤية" العالم من حولهم.:
الاستقلالية المعززة: يوفر الجهاز الذي يتم تفعيله بالصوت معلومات مرئية بشكل مسموع، مما يزيد من استقلالية المستخدمين في حياتهم اليومية.
تكنولوجيا متطورة: يستخدم المشروع تقنيات حديثة مثل React لتطوير الواجهة الأمامية، وSignalR للاتصال في الوقت الفعلي، وGoogle Maps API لتحديد المواقع والملاحة.
المميزات الرئيسية للمشروع:
1. تطبيق ويب متكامل:
تصميم متجاوب (Responsive Design) يعمل بسلاسة على مختلف الأجهزة (موبايل، تابلت، ديسكتوب).
2. نظام الدردشة والتواصل الفوري:
مراسلة في الوقت الفعلي: نظام دردشة متكامل يسمح بالتواصل الفوري بين المستخدمين.
إرسال الرسائل النصية والصوتية والصور: يدعم إرسال أنواع مختلفة من الرسائل لمرونة التواصل.
إدارة الرسائل: عرض الرسائل السابقة، وإدارة قائمة الانتظار للرسائل الجديدة.
إشعارات الرسائل غير المقروءة: عرض عدد الرسائل غير المقروءة.
معلومات الاتصال: عرض حالة الاتصال (متصل/غير متصل) واسم المستخدم المقترن.
خيارات الاتصال: أزرار للاتصال الهاتفي، مكالمات الفيديو، وكتم الصوت.
التقاط الصور: وظيفة لالتقاط الصور وإرسالها عبر الدردشة.
المرفقات: عرض المرفقات (صور) داخل الدردشة.
3. تحديد الموقع والملاحة:
تحديد موقع المستخدم: يستخدم Geolocation API لتحديد الموقع الحالي للمستخدم.
تحديد موقع المكفوف: القدرة على تحديد موقع المستخدم الكفيف على الخريطة.
عرض المسافة والوقت: حساب وعرض المسافة والمدة بين موقع المستخدم والمستخدم الكفيف.
خرائط تفاعلية: استخدام خرائط Google لعرض المواقع وتوجيهات القيادة.
تحديث الموقع: وظيفة لتحديث موقع المستخدم باستمرار.
4. إدارة المستخدمين والمصادقة:
تسجيل الدخول وإنشاء حساب: نظام متكامل لتسجيل الدخول وإنشاء حسابات جديدة.
إدارة الجلسات: استخدام Token للمصادقة وإدارة جلسات المستخدمين.
تسجيل الخروج: وظيفة آمنة لتسجيل الخروج.
5. واجهة مستخدم جذابة وسهلة الاستخدام:
شريط جانبي (SideBar): يوفر سهولة التنقل بين الأقسام الرئيسية (الرئيسية، الدردشة، الإشعارات).
تصميم عصري: استخدام Bootstrap وCSS مخصص لتصميم جذاب وعصري.
أيقونات واضحة: استخدام Bootstrap Icons لتحسين تجربة المستخدم.
6. تقنيات الواجهة الخلفية (Backend Integration):
يتصل التطبيق بواجهة برمجة تطبيقات (API) لإدارة الرسائل والمواقع وبيانات المستخدمين.
يدعم رفع الملفات (صور، تسجيلات صوتية) إلى الخادم.
التقنيات المستخدمة:
الواجهة الأمامية: React.js
التواصل في الوقت الفعلي: SignalR
الملاحة والخرائط: Google Maps API
إدارة الحالة: React Hooks (useState, useEffect, useRef)
التوجيه: React Router DOM
التصميم: Bootstrap 5, CSS
إدارة الصوت: Wavesurfer.js
إدارة الوقت: Moment.js
