CRUD Operations App – Dynamic Data Management Using Vanilla JavaScript

قمت بتطوير تطبيق CRUD كامل لإدارة البيانات باستخدام HTML, CSS, وVanilla JavaScript فقط بدون أي مكتبات أو فريم ووركات.

التطبيق يتيح للمستخدمين إضافة – تعديل – حذف – قراءة البيانات بكل سهولة، مع دعم الوضع الليلي والنهاري (Dark / Light Mode) لمناسبة جميع المستخدمين وتجربة استخدام أفضل.

المشروع يوضح قدرتي على التعامل مع DOM – LocalStorage – Event Handling بطريقة منظمة واحترافية.

المميزات الأساسية (Key Features)

️ إضافة عناصر جديدة (Create)

️ عرض وإدارة البيانات (Read)

️ تعديل العناصر (Update)

️ حذف العناصر (Delete)

️ بحث سريع داخل البيانات

️ حفظ البيانات باستخدام LocalStorage

️ دعم الوضع الليلي والنهاري (Dark/Light Mode) مع حفظ الاختيار

️ واجهة بسيطة وسريعة (Responsive UI)

️ كود نظيف ومنظم وسهل التعديل والتطوير

الوضع الليلي والنهاري (Dark / Light Mode)

إمكانية التبديل بين الوضعين بضغطة زر.

حفظ الاختيار داخل LocalStorage بحيث يرجع المستخدم لنفس الوضع عند إعادة تحميل الصفحة.

ألوان مريحة ومتوافقة مع جميع الشاشات.

️ التقنيات المستخدمة (Technologies Used)

HTML5

CSS3

JavaScript (Vanilla JS)

DOM Manipulation

LocalStorage API

عدد الصفحات:

صفحة واحدة (Single Page Application)