Blogy

• قمت ببناء منصة Blog متكاملة بأسلوب قريب من بيئة الإنتاج باستخدام **Next.js 16, TypeScript, MongoDB, Prisma, NextAuth.js**، مع نظام تسجيل دخول آمن، حماية للـ API Routes، وتحسين التعامل مع البيانات من جهة السيرفر.

• طوّرت Workflow متقدم لإدارة المقالات يشمل حفظ المسودات تلقائيًا، النشر، الإعجابات، الحفظ في المفضلة، تتبع المشاهدات، حساب وقت القراءة، التعليقات المتداخلة، وصفحات ديناميكية للكتّاب.

• نفّذت دعمًا كاملًا للغتين العربية والإنجليزية مع دعم اتجاه الكتابة RTL، ترجمة محتوى الواجهة، ترجمة رسائل الـ API، وتجربة Dark Mode محسّنة.

• حسّنت الأداء وتجربة المستخدم باستخدام Suspense Streaming، وSkeleton Loaders متطابقة مع تصميم الصفحات، ورفع الصور عبر Cloudinary، وأنيميشن باستخدام Framer Motion، ودمج AI Chatbot مدعوم بـ Gemini، مع بناء مكونات قابلة لإعادة الاستخدام.

• Built a production-style full-stack blog platform using Next.js 16, TypeScript, MongoDB, Prisma,

and NextAuth.js with secure authentication, protected API routes, and optimized server-side data

handling.

• Developed advanced blog workflows including draft autosave, publishing, likes, bookmarks,

views tracking, read-time calculation, nested comments, and dynamic author profiles.

• Implemented multilingual support for English and Arabic with RTL layouts, localized UI content,

translated API messages, and a polished dark mode experience.

• Enhanced performance and UX using Suspense streaming, layout-matching skeleton loaders,

Cloudinary image uploads, Framer Motion animations, Gemini-powered AI chatbot integration,

and reusable component architecture.