Coda Custom Software Development

🚀 مرحلة جديدة وإنجاز جديد! فشركتنا 🚀

سعداء جداً بمشاركتكم اتمامنا لبرمجة وتطوير "نظام إدارة مستحقات شجرة عائلة"

لمكتب تأمينات بلسعوديه

، وهو تطبيق سطح مكتب (Desktop Application) متكامل تم تصميمه خصيصاً لتسهيل وإدارة وتنظيم الشؤون المالية الخاصة بالعائلة بكل دقة وأمان. 💼✨

💡 فكرة المشروع: تحويل الإدارة التقليدية لمستحقات واشتراكات أفراد العائلة إلى نظام رقمي متطور يضمن الشفافية، الدقة، وسهولة الوصول إلى المعلومات في أي وقت.

🌟 أبرز مميزات النظام

: ✅ إدارة مالية دقيقة: متابعة الاشتراكات، المستحقات، والمدفوعات لكل فرد من أفراد العائلة بسهولة تامة.

✅ نظام أرشفة إلكتروني: أرشيف متكامل لحفظ الوثائق والسجلات العائلية والرجوع إليها بضغطة زر.

✅ قاعدة بيانات محلية وآمنة: لضمان أقصى درجات الخصوصية والأمان لبيانات العائلة.

✅ واجهة مستخدم عصرية وسهلة (UI/UX): تصميم تفاعلي ومريح للعين يضمن تجربة استخدام سلسة لجميع الفئات العمرية.

✅ تقارير وإحصائيات شاملة: توفير رؤية واضحة للموقف المالي وتاريخ السدادات.

🛠️ التقنيات المستخدمة في التطوير (Tech Stack): اعتمدت في بناء هذا النظام على أحدث التقنيات لضمان السرعة والأداء العالي:

🔹 React.js & Vite لبناء واجهة مستخدم تفاعلية وسريعة.

🔹 Electron.js لتحويل النظام إلى تطبيق سطح مكتب يعمل بكفاءة عالية. 🔹 Node.js & SQLite لبناء بيئة العمل وقاعدة البيانات المحلية.

أفخر جداً بهذا الإنجاز وبتحويل هذه الفكرة إلى واقع يخدم ويسهل عليهم إدارة شؤونهم.

#برمجة

🚀 من أحدث مشاريعنا

Hotel Management & Online Booking Platform

منصة متكاملة لإدارة الفنادق والحجوزات الإلكترونية تم تصميمها لتوفير تجربة حجز سلسة للنزلاء مع نظام إداري متطور يساعد على إدارة العمليات اليومية بكفاءة عالية

✨ أبرز المميزات

🏨 عرض الغرف مع الصور والتفاصيل والأسعار والمرافق

📅 نظام حجز ذكي مع التحقق من التوافر وإدارة المواعيد

👥 احتساب الرسوم الإضافية تلقائياً حسب عدد النزلاء

🛂 رفع جواز السفر أثناء عملية الحجز للتحقق من البيانات

💳 بوابات دفع إلكتروني آمنة تدعم Visa و Mastercard

🌍 دعم اللغتين العربية والإنجليزية

📱 تصميم متجاوب يعمل بكفاءة على جميع الأجهزة

👤 لوحة تحكم للنزلاء لمتابعة الحجوزات وسجل العمليات

⚙️ لوحة إدارة متكاملة لإدارة الغرف والأسعار والحجوزات والمستخدمين والصلاحيات

🤝 نظام خاص للشركاء والوكلاء مع أكواد وصول فريدة وإحصائيات مخصصة

🛡️ بوابة مخصصة للأمن للاطلاع على الحجوزات المؤكدة وتسهيل إجراءات الدخول

🔐 تم بناء النظام مع التركيز على الأمان والأداء وقابلية التوسع من خلال صلاحيات متقدمة وتشفير البيانات والتحديثات الفورية

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

NestJS

Node.js

TypeScript

GraphQL

PostgreSQL

WebSockets

Tailwind CSS

Pug
next js
React

💡 هدف المشروع كان بناء منصة حديثة تجمع بين سهولة إدارة الفندق وتجربة حجز رقمية متكاملة مع بنية قوية قادرة على التوسع والنمو مستقبلاً

فخورون بإضافة هذا المشروع إلى سجل أعمالنا ونتطلع لمشاركة المزيد من الحلول التقنية المتقدمة قريباً

🚀 يسعدنا مشاركة أحد آخر مشاريعنا StoreMain

🛍️ StoreMain هو نظام متكامل لإدارة المنتجات تم تطويره لمساعدة أصحاب المتاجر والبائعين على إدارة منتجاتهم بسهولة وكفاءة من خلال لوحة تحكم حديثة وسهلة الاستخدام

✨ أبرز المميزات

➕ إضافة المنتجات بسهولة مع إدارة كاملة للبيانات

✏️ تعديل وتحديث معلومات المنتجات في أي وقت

❌ حذف المنتجات غير المطلوبة

👤 صفحة شخصية مستقلة لكل مدير

🔗 رابط قابل للمشاركة لعرض المنتجات للعملاء

🌐 إمكانية تصفح جميع المنتجات دون الحاجة إلى تسجيل الدخول

🔐 نظام تسجيل دخول آمن باستخدام JWT و Cookies

📱 تصميم متجاوب يعمل بكفاءة على جميع الأجهزة

⚡ أداء سريع وتجربة استخدام سلسة

🗄️ إدارة البيانات بشكل احترافي باستخدام PostgreSQL

⚙️ تم تطوير المشروع باستخدام

💙 TypeScript

🚀 Express.js

🗄️ PostgreSQL

📄 Pug

🎨 Tailwind CSS

🔐 JWT Authentication

🎯 هدفنا كان بناء منصة عملية وسهلة الاستخدام تمنح أصحاب المتاجر القدرة على إدارة منتجاتهم بكفاءة مع توفير تجربة تصفح مريحة للعملاء

💼 فخورون بإضافة StoreMain إلى قائمة مشاريعنا ونتطلع لمشاركة المزيد من أعمالنا قريباً

🚀 سعيد بمشاركة أحدث مشاريعنا في تطوير الويب: موقع تدريب شخصي متكامل للكابتن محمد! 💻🏋️‍♂️
مؤخراً انتهيت من تطوير وتصميم موقع شخصي لمدرب لياقة بدنية (Personal Trainer)، وكان الهدف الأساسي هو بناء واجهة مستخدم (UI) عصرية تعكس القوة والطاقة، مع تجربة مستخدم (UX) سلسة ومحفزة للزوار للاشتراك في الباقات التدريبية.
✨ أبرز مميزات المشروع:
تصميم عصري (Dark Mode): اعتمدت على الألوان الداكنة مع لمسات من إضاءة النيون (Neon effects) لإعطاء طابع رياضي واحترافي جذاب جداً للعين.
تفاعلية وحركة (Animations): استخدمت مكتبات الـ Animation لإضافة حركات سلسة وتفاعلية للعناصر عند التمرير (Scroll Animations) مثل تأثيرات الـ Timeline في قسم "لماذا أنا"، مما زاد من حيوية الموقع.
تجاوب كامل (Fully Responsive): الموقع مصمم ليعمل بكفاءة وشكل مثالي على جميع الأجهزة والشاشات (موبايل، تابلت، ديسكتوب).
أقسام الموقع: يحتوي الموقع على أقسام متعددة مصممة بعناية مثل: عرض باقات الاشتراك (Pricing)، التقييمات وآراء المتدربين (Reviews)، إحصائيات الإنجازات (Stats)، وطرق التواصل (Social Media).
🛠 التقنيات المستخدمة في المشروع:
Next.js / React.js
Tailwind CSS (لتنسيق الواجهات بشكل سريع ومرن)
Framer Motion (لإضافة تأثيرات الحركة الاحترافية)
لطالما كان تطوير مواقع تدمج بين الأداء العالي والتصميم المبهر شغفاً بالنسبة لي. هذا المشروع كان فرصة رائعة لتطبيق أفكار جديدة في الـ UI/UX.
hashtag hashtag hashtag hashtag hashtag hashtag hashtag hashtag hashtag hashtag hashtag #برمجة

انتهينا مؤخراً من تطوير الموقع الرسمي لشركة مسارات التنمية الحديثة (Masarat Altanmiah Alhaditha)
🚀 سعيد جداً بمشاركة أحدث مشاريعنا!
، وهي شركة رائدة ومتخصصة في تقديم حلول هندسية متكاملة لأنظمة الغاز المركزي، السلامة، ومكافحة الحرائق داخل المملكة العربية السعودية.

كان الهدف الأساسي من هذا المشروع هو بناء واجهة رقمية تعكس احترافية الشركة وتاريخها الطويل مع شركاء النجاح في مختلف القطاعات، مع ضمان تجربة مستخدم (UX) سلسة وعصرية.

✨ أبرز مميزات المشروع: 🔹 دعم كامل للغتين (العربية والإنجليزية) مع تبديل ديناميكي لاتجاهات العرض (RTL/LTR). 🔹 واجهة مستخدم تفاعلية (Interactive UI) معززة بحركات سلسة باستخدام Framer Motion و AOS. 🔹 تصميم متجاوب (Responsive Design) متوافق مع كافة أحجام الشاشات. 🔹 هيكلة مرنة للبيانات لتسهيل عرض خدمات الشركة، المشاريع في القطاعات المختلفة، وقوائم الموردين وشركاء النجاح.

💻 التقنيات المستخدمة (Tech Stack): ⚡️ Next.js 14 ⚡️ TypeScript ⚡️ React 18 ⚡️ Framer Motion & AOS (للأنيميشن) ⚡️ CSS Modules (للتنسيق والتصميم)

أتطلع لمعرفة آرائكم وملاحظاتكم حول التصميم والأداء! 👇

masaratgas.com