LingoPote هو عبارة عن منصة تعليمية رقمية (Educational Platform) مخصصة لمدرسة خاصة (Private Schools)، تهدف إلى تعلم اللغة الفرنسية وتخصيصها لكل طالب. حيث يتم تقديم محتوى تعليمي يعتمد بشكل أساسي على مستوى الطالب الفعلي.
1. الواجهة الأمامية (Frontend Stack)
Framework: تم بناء التطبيق باستخدام React Native (Expo SDK)، مما يوفر تجربة Native Performance لكل من Android و iOS من خلال كود برمجي موحد.
Programming Language: تم استخدام TypeScript بشكل كامل لضمان الـ Type Safety وتقليل الأخطاء أثناء التطوير، خاصة عند التعامل مع بيانات الـ Placement Test.
Styling: يعتمد التطبيق على NativeWind (Tailwind CSS for React Native) لتصميم واجهات مستخدم Responsive و Highly Customizable باستخدام الـ Utility Classes.
Navigation: يتم إدارة التنقل بين الصفحات (مثل الانتقال من الاختبار إلى المهام) باستخدام Expo Router أو React Navigation بنظام Stack & Tabs.
2. إدارة البيانات (State Management & Logic)
Global State: يتم إدارة حالة المستخدم والنتائج والمهام باستخدام مكتبة Zustand
API Integration: باستعمال مكتبة axios البروتوكول المتعمل REST API
Validation : باستعمال مكتبة Zod
3. Backend Architecture
Server-side Framework: تم استخدام NestJS Framework
Database: تم استخدام PostgreSQL يتم التعامل معها عبر TypeORM
Real-time Communication: WebSockets عبر Socket.io.