MERN e-commerce

About

Website project is a modern ecommerce store built from the ground up to deliver speed, security, and scalability. Designed with Next.js 16, Tailwind CSS 4, NestJS, and MongoDB.

🛠 Tech Stack

Frontend

• Framework: Next.js 16
• Styling: Tailwind CSS 4 & Shadcn UI
• State Management: Redux Toolkit
• Features: PWA support, i18n (English, Arabic & French support), Responsive Design

Backend

• Framework: NestJS (Node.js)
• Database: MongoDB with Mongoose
• Auth: JWT & Google OAuth 2.0
• API Docs: Swagger UI

Features

• SEO friendly
  • Dynamic product metadata
  • Dynamic product structured data
  • Dynamic sitemap.xml
• Lightweight and instant load
• High-quality code and a very structured codebase
• Sign in/Sign up with email and password (JWT), or with Google (OAuth 2.0)
• Easily customize design with shadcn create. Copy the preset and use the command npx shadcn@latest init --preset [CODE] in /web directory
• Full-stack Monorepo
  • /web for front-end
  • /api for back-end
  • /shared for shared typescript files
• Progressive Web Apps (PWA) support
• Response on mobile, tablets, and desktop
• Lighthouse scores
  • Semantic HTML: Correct heading hierarchy and ARIA landmarks.
  • Optimized Core Web Vitals: Near-instant page loads and minimal layout shift.
  • Search Engine Optimized: Dynamic JSON-LD structured data, automated sitemaps, and optimized metadata for every product page.

Available Pages

• Home: /
• Products: /products
• Product: /products/:id
• Cart: /cart
• Favorites: /favorites
• Store: /store/products
• Signin: /signin
• Signup: /signup
• Contact: /contact
• Account: /account

📂 Project Structure

├── api/          # NestJS Backend
├── web/          # Next.js Frontend
└── shared/       # Shared TypeScript interfaces

Features

🔎 Search & Filtering /products

• Search products by name/keyword
• Filter by category, price, or other attributes
• Sorting options (price, newest, etc.)

Form Validation

🛍️ Store /store/products

• Create, edit, and delete products
• Rich WYSIWYG editor with support for images, formatting, and YouTube Shorts embeds.

Contact

Have questions, feedback, or want to collaborate? Feel free to reach out!

• Email: marouaneezzaky@gmail.com