Maher Fleuriste — منصة E-commerce لمحل زهور

منصة E-commerce Full Stack لمحل زهور premium في قسنطينة (الجزائر) — موقع زبائن + customizer باقات تفاعلي + admin dashboard + REST API + PDF invoices.

المشكلة:

محل زهور يحتاج متجر أونلاين — الزبون يخصّص الباقة ويشوف السعر live، يطلب توصيل، والمالك يدير الطلبات والمنتجات بدون مطوّر.

الحل:

SPA زبائن (4 صفحات) + admin dashboard (orders، products، CMS) + REST API + SQLite + JWT — deployed على Cloudflare.

─── موقع الزبائن (4 صفحات) ───

- Home — hero، categories، popular products، gallery + lightbox، WhatsApp

- Bouquet Customizer — تخصيص باقة تفاعلي

- Catalog — منتجات جاهزة

- Contact — ساعات العمل، موقع قسنطينة، WhatsApp

─── Bouquet Customizer ───

- 6 color swatches + quantity لكل لون

- Packaging — paper، kraft، acrylic box، round box…

- Accessories — ribbons، butterflies، cards، gypsophile، chocolates…

- Live price calculator — subtotal ديناميكي

- Order checkout — name، phone، address، delivery date/time، message

─── Catalog ───

- Bouquets، flower boxes، bags، services

- Filter: type (classic، VIP، bridal، mixed)، occasion، flower count (20، 35، 50)

- Pre-made bouquet quick order + gallery

- 149 product images + lightbox

─── Admin Dashboard ───

- Orders — pending → confirmed → delivered

- Card + table views + search/filter

- PDF invoice generation

- Manual order entry (phone/walk-in)

- Products manager — CRUD + image upload

- Categories manager — icons + display order

- Content CMS — home، customizer config، catalog text، contact

- Customizer admin — colors، packaging، base pricing

- Settings — password، data export

─── Backend ───

- REST API — orders، products، categories، content، customizer، auth، images

- SQLite — orders، products، categories، users

- JWT authentication

─── UI ───

- Glass-morphism design — pink/white floral theme

- French-language

- Mobile responsive

─── Stack ───

Vanilla JavaScript، HTML5، CSS3، REST API، SQLite، JWT، PDF Export، Cloudflare

─── دوري ───

Lead Full-Stack Developer — storefront، bouquet customizer، admin dashboard، order/catalog management، REST API backend، production deployment.

─── النتيجة ───

Live: maherfleuriste.shop — E-commerce florist كامل مع custom bouquet builder.