أداة احترافية لإدارة وتخزين مقاطع الأكواد البرمجية (Snippets)، مصممة لتسهيل عمل المطورين من خلال حفظ وتصنيف واسترجاع الشيفرات البرمجية بطريقة سريعة ومنظمة.
- إضافة وتنظيم سريع: أضف مقاطع الأكواد البرمجية مع تحديد العنوان، ولغة البرمجة، ووصف مختصر.
- دعم لغات برمجة متعددة: يتميز المشروع بالتلوين النحوي (Syntax Highlighting) لعدد كبير من لغات البرمجة (مثل JavaScript, Python, PHP, HTML, HTML وغيرها) بفضل الاعتماد على مكتبة
Prism.js. - تصنيف ذكي عبر الوسوم (Tags): خصص وسوماً لكل كود برمجي لتتمكن من فلترة وتصنيف الأكواد بسهولة لاحقاً.
- بحث فوري: محرك بحث سريع وديناميكي يتيح لك البحث من خلال العناوين، الوسوم، أو حتى داخل محتوى الأكواد المحفوظة.
- واجهة عصرية وسهلة: تصميم متجاوب (Responsive)، انسيابي وحديث يركز على تحسين تجربة المطورين وإنتاجيتهم.
- لا حاجة للاتصال بالإنترنت بشكل دائم: يعمل التطبيق بكفاءة بفضل اعتماده على تقنيات المتصفح المباشرة وإدارة البيانات محلياً.
- HTML5: لبناء هيكلية التطبيق الأساسية.
- CSS3: لتصميم واجهة جذابة وتأثيرات بصرية مميزة.
- JavaScript (Vanilla & ES6 Modules): لربط الواجهات وتخزين وعرض البيانات بذكاء.
- Prism.js: لتسليط الضوء وتلوين صيغ لغات البرمجة المختلفة.
- Google Fonts: لخطوط عصرية وواضحة (Cairo و Fira Code).
المشروع مبني على لغات الويب الأساسية ولا يتطلب أي إعدادات سيرفر معقدة لكي يعمل، فقط الخطوات الآتية:
-
تحميل المشروع (Clone): انسخ المستودع إلى جهازك المحلي:
git clone https://github.com/Username/Code-Snippet-Manager.git
-
تشغيل المشروع:
- انتقل إلى المجلد الذي تم تحميله.
- افتح ملف
index.htmlفي متصفحك المفضل (Chrome, Firefox, Edge, etc...). - ابدأ بإضافة أكوادك البرمجية وانطلق!
Code-Snippet-Manager/
├── css/
│ └── style.css # ملفات التنسيق والشكل الجمالي
├── js/
│ └── app.js # العمليات والمنطق البرمجي (JavaScript)
├── lib/
│ └── prism/ # مكتبة Prism.js لتلوين الأكواد
├── index.html # واجهة المستخدم الأساسية
└── README.md # ملف التوثيق الذي تقرؤه الآن
نرحب بكافة المساهمات! لكي تساهم في تحسين هذه الأداة:
- قم بإنشاء نسخة (Fork) للمشروع.
- أنشئ فرعاً لميزتك (
git checkout -b feature/NewFeature). - احفظ تعديلاتك (
git commit -m 'إضافة ميزة رائعة'). - ارفع التغييرات (
git push origin feature/NewFeature). - قم بفتح طلب دمج (Pull Request).
إذا واجهتك أي أخطاء أو كان لديك اقتراح لتحسين الأداة، تأكد من فتح Issue في المستودع.
هذا المشروع مفتوح المصدر للاستخدام التعليمي والشخصي. يمكنك تعديله واستخدامه بحرية تامة.