Electronics E-Commerce Store

متجر إلكترونيات إلكتروني احترافي، جاهز للإطلاق فعلياً.

بنيت تطبيق React حديث بتصميم داكن وتجاوب كامل على جميع الشاشات، مع نظام تسجيل دخول كامل وتحكم بالصلاحيات بين المستخدم والأدمن. المتجر يعرض منتجات إلكترونيات مع فلترة متقدمة حسب السعر والماركة والتصنيف والتقييم، وسلة مشتريات وقائمة مفضلة وإتمام طلبات ومتابعة حالة الشحن.

الواجهة الخلفية تعتمد على Firebase Authentication لتسجيل الدخول، وFirestore كقاعدة بيانات مع قواعد أمان مشددة، وCloudinary لرفع الصور مجاناً بدلاً من Firebase Storage المدفوع. يوجد لوحة تحكم أدمن كاملة لإدارة المنتجات والطلبات والمستخدمين والتصنيفات والكوبونات.

الهيكلية منظمة بشكل احترافي مع مكونات قابلة لإعادة الاستخدام، وHooks مخصصة، وContext API لإدارة الحالة، وRoutes محمية.

Electronics E-Commerce Store

A production-ready, full-stack electronics marketplace built with React and Firebase, designed for real-world deployment.

What I Built

Frontend: A modern, responsive React 18 application with dark theme support, skeleton loading, toast notifications, and smooth animations — all styled with pure CSS (no frameworks).

Features Implemented:

Complete authentication flow (register, login, logout, forgot password, email verification)

Role-based access control (user vs admin routes)

Product catalog with advanced filtering (price, brand, category, rating)

Shopping cart, wishlist, and checkout system

Order tracking with status updates

User profile management

Admin dashboard with statistics, product/order/user management, and coupon system

Backend & Infrastructure:

Firebase Authentication for secure user management

Firestore database with optimized collections and security rules

Cloudinary integration for free image hosting (bypassing Firebase Storage paid tier)

Firebase Hosting for seamless deployment

Architecture:

Scalable folder structure with reusable components

Context API for global state management

Custom hooks for clean data fetching

Protected routes with admin privileges