المشروع الأبرز · أفضل أعمالي حتى الآن
هكوله
دليل بحريني يجمع كل شيء مفيد في موقع واحد: مطاعم، كافيهات، متاجر، أماكن، روابط وأدوات، ومقالات. بالنسبة لي هو نقطة تحوّل معرفية — تقنيات جديدة عليّ لم أحلم يوماً أن تكون في يدي.
- 167
- عنصر حقيقي مضاف
- 9
- أقسام
- +500
- تعديل منذ الإطلاق
- 2
- لغتان: عربي وإنجليزي
كيف بدأ
بدأ هكوله بدافع الفضول: أردت أن أستكشف أدوات الذكاء الاصطناعي وقدرتها على كتابة الكود، وإلى أي حدّ يمكنني أن أصل. وأنا حقاً منبهر.
هكوله ليس أول موقع أبنيه بالذكاء الاصطناعي — هذا الموقع الذي تتصفحه الآن كان الأول — لكنه أول موقع أبنيه بـClaude Code تحديداً. تجربة مثيرة للاهتمام: أستطيع أن أصنع ما أشاء بالكلمات وبقليل من الوقت. شعور لا يوصف، وإلى اليوم لم أفقد الحماس ولا الشغف.
المحطات
النسخة الأولى: الأقسام، البحث، الفلترة، والمفضلة، ولوحة تحكم لإضافة المحتوى بلا كتابة كود — وأول مطعم حقيقي يُضاف.
إعجاب مشترك بين كل الزوار، يحفظه خادم صغير على Cloudflare.
سياسة أمان صارمة للموقع وإزالة كل السكربتات المضمّنة.
رفضت Google AdSense الموقع بسبب «محتوى قليل القيمة» — وفي اليوم نفسه بنيت صفحات تفصيلية حقيقية للعناصر.
قسم محلات السيارات، ثم عشرات المطاعم والمتاجر الجديدة.
«اختار لي» يتحول إلى عرض متحرك يكشف الاقتراح قطعة قطعة.
قسم «تجارب الذكاء الاصطناعي»: أدوات صغيرة مبنية بالذكاء الاصطناعي، منها حاسبة المصروفات واختبار سرعة الكتابة.
بدء تطبيق أندرويد أصلي لهكوله.
«صوتيات هكوله» تتحول من تجربة إلى أداة حقيقية: بيانو، وتسجيل، وطبقات، وتصدير WAV وMP3 وMIDI.
هكوله ينتقل إلى نطاقه الخاص: hakolah.com.
تبويب «تدرّب»: الصق النوتة أو افتح ملف MIDI وMusicXML، وتعلّم العزف بأشرطة نازلة ونوتة موسيقية كاملة.
آلات حقيقية جديدة (أكورديون، وتشيليستا، وماندولين)، وتصدير واستيراد ملفات MIDI، وتشغيل خفيف حتى على الأجهزة القديمة.
ما تعلّمته في الطريق
Claude Code
أكتب ما أريده بالكلمات، فيتحول إلى كود يعمل.
Eleventy
يبني من ملفات بسيطة صفحات جاهزة وسريعة.
Sveltia CMS
لوحة تحكم أضيف منها مطعماً أو متجراً من المتصفح.
GitHub Pages
كل تعديل يُنشر على الإنترنت تلقائياً وبالمجان.
Cloudflare Workers
خادم صغير يحفظ عدد الإعجابات لكل عنصر.
تطبيق ويب يعمل بلا إنترنت
يُثبَّت على الجوال كتطبيق ويفتح الصفحات المحفوظة دون اتصال.
أصوات تُصنع بالكود
مؤثرات صوتية تتولد داخل المتصفح بلا ملفات صوتية.
تطبيق أندرويد أصلي
واجهة مختلفة للمس، ومحتوى يتحدث تلقائياً من الموقع.
استوديو موسيقى في المتصفح
تسجيل وتأليف وتصدير MIDI بالكامل داخل الصفحة عبر Web Audio.
التحدي
مشكلة عويصة: أطوّر موقعاً يستنزف جزءاً من وقتي دون أي مدخول. لكنني فهمت أن إنشاء الموقع خطوة، وجعله يعمل على أكمل وجه خطوة أخرى، وتعريف الناس به خطوة أكبر، والحصول على جمهور خطوة أكبر وأكبر — وتنمية المحتوى مهمة أيضاً. لذا ما زلت أعمل عليه.