منصة لإدارة وحفظ الأكواد البرمجية (Snippetly)

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

TypeScript – Node.js (Express) – React + Vite – PostgreSQL – Drizzle ORM – Tailwind CSS – shadcn/ui

وصف المشروع

Snippetly هو تطبيق Full-Stack حديث يتيح للمستخدمين حفظ، تنظيم، ومشاركة أكواد البرمجة التي يستخدمونها بشكل متكرر، مع إمكانية استكشاف Snippets أنشأها مستخدمون آخرون.

تم تصميم التطبيق ليعمل بأسلوب Offline-First، بحيث يظل الوصول إلى الأكواد متاحًا حتى بدون اتصال بالإنترنت.

لماذا تم بناء المشروع

- الحاجة إلى مكان مركزي لتخزين Snippets المستخدمة باستمرار

- الرغبة في استكشاف أكواد وحلول أنشأها مطورون آخرون

- اعتبار الوصول دون اتصال ميزة أساسية في التصميم وليس إضافة لاحقة

ما الذي يوضحه هذا المشروع

- تصميم واجهة مبنية بالكامل على API-Driven Architecture

- فهم شامل لتكامل Frontend و Backend

- تطبيق فعلي لمفهوم Offline-First Design في تطبيق Full-Stack

أبرز النقاط التقنية (Technical Highlights)

- نظام مصادقة باستخدام JWT مع حماية المسارات الحساسة

- استخدام Service Workers لتخزين البيانات الأساسية وتمكين العمل دون اتصال

- واجهة سريعة وخفيفة مبنية باستخدام Vite

- بنية Backend منظمة باستخدام Express و Drizzle ORM للتعامل مع PostgreSQL

القيمة التي يقدمها المشروع

- تجربة استخدام مستقرة حتى في ظروف اتصال ضعيف

- يوضح القدرة على تصميم منتجات تهتم بالتجربة الواقعية للمستخدم