Flower Shop

مشروع متجر إلكتروني لبيع الزهور (Flower E-Commerce Shop)

تم بناء المشروع باستخدام Next.js 14 وواجهة حديثة تعتمد على Tailwind CSS وShadCN UI لتوفير تجربة مستخدم سلسة وعصرية.

يتيح الموقع للمستخدمين تصفح الزهور حسب الفئات أو المناسبات، وإضافتها إلى السلة، وإتمام عملية الدفع بسهولة عبر بوابة الدفع أو الدفع عند الاستلام.

التقنيات المستخدمة:

Next.js 14 (App Router)

TypeScrip

Tailwind CSS + ShadCN UI

React Query لإدارة البيانات والطلبات

React Hook Form + Zod للتحقق من صحة النماذج

NextAuth لتسجيل الدخول والتسجيل الآمن

Embla Carousel لعرض المنتجات في سلايدر تفاعلي

i18n (Next-Intl) لدعم تعدد اللغات

المميزات:

تصميم متجاوب بالكامل (Responsive) لجميع الشاشات

واجهة استخدام أنيقة وسهلة

إدارة السلة (Add to Cart / Remove / Checkout)

تصفية المنتجات حسب التصنيفات والمناسبات

نظام تسجيل دخول / تسجيل جديد متكامل

صفحة تأكيد الطلب مع دعم الدفع عبر Stripe أو كاش

دعم تعدد اللغات (العربية / الإنجليزية)

E-Commerce Flower Shop – A modern and responsive online store for purchasing flowers and gifts, built with Next.js 14, Tailwind CSS, and ShadCN UI.

It features product filtering, cart management, user authentication, and a smooth checkout experience with Stripe and Cash on Delivery options.

Tech Stack:

Next.js, TypeScript, Tailwind CSS, ShadCN, React Query, React Hook Form, Zod, NextAuth, Next-Intl, Embla Carouse