متجر إلكتروني عصري (E-commerce) باستخدام React و shadcn/ui

تطبيق ويب متطور للتجارة الإلكترونية يجمع بين الأداء العالي والتصميم العصري. تم التركيز في هذا المشروع على تقديم تجربة مستخدم (UX) استثنائية واستخدام أحدث تقنيات الـ Frontend لضمان سرعة الاستجابة وقابلية التوسع.

الميزات التقنية المضافة:

التصميم والواجهات: استخدام Tailwind CSS لبناء تنسيقات مخصصة (Custom Utility-first CSS) تضمن سرعة التحميل وتناسق التصميم.

مكونات واجهة المستخدم: دمج مكتبة shadcn/ui المبنية على Radix UI لضمان الوصول (Accessibility) وتقديم مكونات تفاعلية احترافية مثل الأزرار، القوائم، والنوافذ المنبثقة.

نظام التحقق المتطور: كما يظهر في ملف image_6d8bb3.jpg في صفحة التسجيل (RegisterPage.jsx)، تم بناء نظام Validation دقيق للبيانات باستخدام Regular Expressions لضمان صحة البريد الإلكتروني وكلمة المرور.

هيكلة الكود: البروجيكت منظم بشكل احترافي (Modular Structure) حيث يتم فصل المكونات (components) عن الصفحات (pages) وإدارة الحالة (store).

ثانياً: الوصف باللغة الإنجليزية (Updated)

Project Title: Professional E-commerce Platform | React, Tailwind CSS & shadcn/ui

Project Overview:

A high-performance, modern e-commerce application built with a focus on speed, accessibility, and clean code. This project demonstrates proficiency in building complex UI components and managing dynamic data from external APIs.

Key Technical Highlights:

Styling & UI: Leveraged Tailwind CSS for a highly responsive, utility-first styling approach, combined with shadcn/ui to implement accessible, high-quality UI components.

Form Management: Built a secure user registration system with robust Regex validation for inputs like email and password complexity, as seen in the RegisterPage.jsx.

Architecture: Followed a clean, scalable folder structure separating UI logic, global state (Redux), and custom hooks.

Dynamic Features: Integrated external APIs to manage product listings, details, and shopping cart functionality seamlessly