Post by Hassan Ahmed

من مجرد Assignment في الكلية ل Production-Grade Tool ب WebAssembly أي مطور عاش لحظة ال "error on line 47" وبعد ساعة اكتشف إن المشكلة كانت Bracket ناقص في line 12. عشان كدة، قررنا في مشروع مادة ال Data Structures إننا مش بس نحل المشكلة، إحنا هنبني Solution دقيق وسريع جداً. ليه ال Stack هو البطل؟ ال Bracket nesting طبيعته LIFO (Last In, First Out) آخر حاجة فتحتها هي أول حاجة لازم تقفلها. بدل ما نستخدم ال Stack عشان "مطلوب مننا"، استخدمناه لأنه هو ال Algorithm نفسه اللي بيضمن Validation سليم لل Nested structures. ال Technical Stack (الدمج بين القوة والمرونة): قررنا نطلع بره ال Comfort Zone ونستخدم Architecture بتجمع بين ال Native Performance وال Web: Core Logic : كود C++23 قوي ومنظم، بيتعامل مع ال Validation ب High Efficiency. The Bridge (Wasm) : استخدمنا Emscripten عشان نحول ال ++C ل WebAssembly. Frontend : واجهة خفيفة ب Vanilla JS مع CodeMirror 6 لتجربة Editor احترافية. ليه اخترنا ال WebAssembly بدل ال Backend التقليدي؟ Near-Native Speed: أداء ال ++C مباشرة في المتصفح. Zero Server Latency: مفيش انتظار لرد من السيرفر، الـValidation بيحصل Real-time. Security & Privacy: بياناتك مش بتسيب جهازك، كل حاجة بتتم Client-side. Scalability: مفيش تكلفة سيرفرات، ال Tool شغالة للأبد بأقل مجهود. 🟢 المشروع Live وتقدروا تجربوه دلوقتي (Try to break it! ) : Live Demo: https://lnkd.in/dTYtbV7f GitHub Repository: https://lnkd.in/dZaB7J6F المشروع بيدعم حالياً: JSON · HTML · Math expressions. يسعدني جداً تجربتكم وأي Feedback منكم، ولو عجبتكم الفكرة متنسوش ال ⭐ على GitHub! فخور جداً بالشغل مع زمايلي اللي اتعذبوا في ال Testing وعاشوا كل Error قبل ما ال Tool تطلعه: Abdullah Ashraf Abdelrahman Fathy Mohamed Salem Mahgop Zyad Wael تحت إشراف: م/ Ahmed Khaled اللي دايما كان يدفعنا للتفكير بعقلية المهندس مش مجرد الحفظ. #DataStructures #WebAssembly #CPlusPlus #OpenSource #SoftwareEngineering #Wasm #CS #StudentProject

Video Content