شروع Moon Store معمول بالكامل بـ React + Tailwind CSS + Redux Toolkit وبيقدم تجربة تسوق سلسة وسريعة، وكمان Responsive يعني تقدر تستخدمه على أي موبايل أو لابتوب بسهولة.
من أهم المميزات:
- تصفح المنتجات والبحث عنها بسهولة
- فلترة حسب الفئة، البراند، والسعر
- تفاصيل كاملة لكل منتج
- إدارة السلة والمفضلة بكل سهولة
- الدفع كاش أو بالكريدت كارد
- عرض كل الطلبات السابقة
- تسجيل دخول، إنشاء حساب، وكمان إعادة تعيين الباسورد
- تسجيل خروج manual واتوماتيك لما tokenيصبح غير صالح
- واجهة مستخدم نظيفة وسريعة مع تحسينات SEO
Moon Store – Modern E-Commerce Web App
Moon Store is a modern and fully responsive e-commerce web application where users can browse, filter, and purchase products easily. It provides a smooth shopping experience with clean UI, fast performance, and secure authentication.
: Features
- Browse & Search** products
- Filter by categories, brands, and price
- View detailed product information
- Add / Remove / Update products in the cart
- Add / Remove products from wishlist
- Pay using Cash or Credit Card
- View all previous orders
- Authentication:
- Create account
- Login / Logout
- Reset password
- Auto logout when token expires
- Fully responsive design
- SEO-friendly meta tags
- Optimized performance & code splitting
Tech Stack
- Frontend: React, React Router, Vite
- State Management: Redux Toolkit, React Context
- Forms: Formik, Yup
- Styling: Tailwind CSS
- API Layer: Axios (centralized in `services/api.js`)
- Other Libraries:
- react-hot-toast
- react-multi-carousel
- react-loader-spinner
- react-responsive-pagination
- react-icons
- jwt-decode