close
Skip to content

marwanzaky/mern-ecommerce

Repository files navigation

MERN e-commerce

mamolio vercel app_ (2) mamolio vercel app_(iPhone 12 Pro) (3) mamolio vercel app_(iPhone 12 Pro) (5)

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.

BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA BERJAYA

🛠 stack

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.
googlechrome github io_lighthouse_viewer_ (1) www google com_search_q=mamolio oq=mamolio gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIGCAEQRRg8MgYIAhBFGDwyBggDEEUYPDIICAQQRRgnGDsyBggFEEUYOzIGCAYQRRg7MgYIBxBFGEHSAQgxOTY2ajBqN6gCALACAA sourceid=chrome ie=UTF-8

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.)
mamolio store_products_sort=relevancy minPrice=299 maxPrice=1299 rating=3 mamolio store_products_sort=relevancy

Form Validation

mamolio store_signup (2)

🛍️ Store /store/products

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

Contact

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

About

MERN ecommerce store built from the ground up to deliver speed, security, and scalability.

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors