How tanvisam/meesho-clone works
Meesho-Clone is a storefront with a browser-based shopping journey and an Express/MongoDB backend. The documented journey is browsing and filtering products, selecting items for a cart, then paying by card; users can also register or log in. The backend exposes separate product endpoints for men’s, women’s, and jewellery items, plus registration and login. The README describes localStorage for client data. Frontend source was not sampled, so UI wiring is shown only where supported by the README or filenames; payment processing details are not evidenced.
Main entry points: index.js Express API · viewall.html Product Catalogs · db.js MongoDB · product_description.html Product Detail
Components 24
Storefront
- Landing Page
index.html - Product Catalogs
viewall.html - Men’s Catalog
Men.html - Women’s Catalog
WomenWestern.html - Jewellery Catalog
jewellery.html - Search and Filter
script/search.js
Shopping Flow
- Product Detail
product_description.html - Cart
CartPage.html - Checkout
checkout.html - Card Payment
PaymentPage.html
Identity
- Sign Up
SignUpPage.html - Log In
LogInPage.html - Auth Endpoints
src/controllers/signup.constrollers.js
Product API
- Express API
src/index.js - Men’s Products
src/controllers/mens.controllers.js - Women’s Products
src/controllers/womens.controllers.js - Jewellery Products
src/controllers/jwelleries.controllers.js
Persistence
- Browser Storage
- User Model
src/models/user.model.js - Men’s Product Model
src/models/mens.models.js - Women’s Product Model
src/models/womens.models.js - Jewellery Model
src/models/jwelleries.models.js - MongoDB
src/configs/db.js
Other components
- Shopper
Connections 33
- Shopper → Landing Page: opens
- Landing Page → Product Catalogs: browses
- Product Catalogs → Men’s Catalog: selects category
- Product Catalogs → Women’s Catalog: selects category
- Product Catalogs → Jewellery Catalog: selects category
- Product Catalogs → Search and Filter: filters and sorts
- Men’s Catalog → Product Detail: selects item
- Women’s Catalog → Product Detail: selects item
- Jewellery Catalog → Product Detail: selects item
- Product Detail → Cart: adds item
- Cart → Checkout: continues
- Checkout → Card Payment: pays by card
- Shopper → Sign Up: registers
- Shopper → Log In: logs in
- Cart → Browser Storage: stores cart
- Sign Up → Express API: posts registration
- Log In → Express API: posts credentials
- Express API → Auth Endpoints: dispatches
- Auth Endpoints → User Model: reads and writes
- Men’s Catalog → Express API: requests products
- Women’s Catalog → Express API: requests products
- Jewellery Catalog → Express API: requests products
- Express API → Men’s Products: routes /products
- Express API → Women’s Products: routes /womens
- Express API → Jewellery Products: routes /jwelleries
- Men’s Products → Men’s Product Model: queries and writes
- Women’s Products → Women’s Product Model: queries and writes
- Jewellery Products → Jewellery Model: queries and writes
- Express API → MongoDB: connects
- User Model → MongoDB: persists users
- Men’s Product Model → MongoDB: persists products
- Women’s Product Model → MongoDB: persists products
- Jewellery Model → MongoDB: persists products