CRUD System with HTML, CSS, JavaScript & LocalStorage
تفاصيل العمل

This is a fully functional CRUD (Create, Read, Update, Delete) web application built with HTML, CSS, and vanilla JavaScript. It allows users to manage a list of products by adding, editing, and deleting entries, with all data stored in the browser's LocalStorage for persistence. The app includes dynamic total price calculation based on inputs like price, taxes, discounts, and additional fees. The interface is responsive, user-friendly, and suitable as a base for inventory or product management systems. This project showcases strong DOM manipulation, form validation, and data handling skills on the front end without the need for a backend. هذا المشروع عبارة عن تطبيق ويب متكامل يعتمد على عمليات CRUD (إنشاء – قراءة – تعديل – حذف) باستخدام HTML وCSS وJavaScript فقط، مع تخزين البيانات باستخدام LocalStorage. يتيح التطبيق للمستخدم إدارة قائمة بالمنتجات من خلال إضافة وتعديل وحذف العناصر، مع حساب السعر الإجمالي تلقائيًا بناءً على السعر والضرائب والخصومات والتكاليف الإضافية. يتميز التصميم بواجهة بسيطة وسهلة الاستخدام ومتجاوبة مع جميع الأجهزة، مما يجعله مناسبًا كنظام لإدارة المنتجات أو كمخزن بيانات بسيط. يُظهر المشروع مهارات قوية في التعامل مع الـDOM ومعالجة البيانات وتطبيق المنطق البرمجي دون الحاجة إلى خادم خلفي (Backend).

شارك
بطاقة العمل
تاريخ النشر
منذ يومين
المشاهدات
8
المستقل
طلب عمل مماثل
شارك
مركز المساعدة