f# 🛒 Alibaba E-Commerce Platform (Full Stack)
A full-stack, role-based e-commerce platform inspired by Alibaba. Built using the MERN stack, it features authentication (including Google Sign-In), an admin dashboard, dynamic product management, real-time stock updates, email integration, and CAPTCHA-protected contact forms.
🔗 Frontend (React)
🔗 Backend API (Express)
Frontend:
- React
- Chakra UI
- Redux (with Thunk)
- React Router
Backend:
- Node.js + Express
- MongoDB + Mongoose
- Bcrypt + JWT + Google OAuth
- Nodemailer for emails
- Sign up / log in with email and password (bcrypt)
- Google Sign-In integration
- JWT-based route protection
- Role-based access (admin vs customer)
- View products with attributes (images, attributes, stock, price)
- Search products by name with real-time filtering and Debouncing
- Filter products by price range
- Add to cart and checkout
- Cart synced with localStorage
- Checkout updates stock in real-time
- Add, edit, and delete products
- Manage product attributes (images, attributes, SKU, stock, price)
- View and manage all orders placed
- Edit About page content directly from the dashboard
- Contact form with CAPTCHA verification
- Sends confirmation email to user
- Sends submitted message to admin
- Built with Nodemailer
/Alibaba
/backend # Express backend
/frontend # React frontendLanding page showing navbar, banners, and product highlights.
Users can browse, search, and filter products by price.
Detailed view with product variants, description, stock, and Add to Cart.
Cart with selected items, total price, and checkout button.
Login with email/password or Google account.
Access to manage products, stock, and orders.
Admin can view and manage placed orders.
Admin can update About Us content from the frontend.
CAPTCHA-protected contact form with email notifications.
