How jvivekvardhan/ecommers works
This repository is a product-catalog application with a React frontend and a Spring backend. The user-facing flow loads products and categories, then filters products by category and name and sorts by price before rendering product cards. The tree also shows distinct backend API, service, model, repository, and seed-data layers. Backend source was not excerpted, and the README is empty, so backend-internal relationships are shown only as unverified dashed links; the frontend’s HTTP requests are visible in App.jsx.
Main entry points: App.jsx Catalog app · ProductController.java Product API · DataSeeder.java Data seeder · main.jsx React entry
Components 17
Catalog UI
- React entry
productcatalog/ecome-catalog-react/src/main.jsx - Catalog app
productcatalog/ecome-catalog-react/src/App.jsx - Category filter
productcatalog/ecome-catalog-react/src/CategoryFilter.jsx - Product cards
productcatalog/ecome-catalog-react/src/ProductList.jsx
Catalog Backend
- Product API
productcatalog/src/main/java/com/example/productcatalog/controller/ProductController.java - Category API
productcatalog/src/main/java/com/example/productcatalog/controller/CategoryController.java - Product service
productcatalog/src/main/java/com/example/productcatalog/service/ProductService.java - Category service
productcatalog/src/main/java/com/example/productcatalog/service/CategoryService.java - Spring application
productcatalog/src/main/java/com/example/productcatalog/ProductcatalogApplication.java
Catalog Data
- Product repository
productcatalog/src/main/java/com/example/productcatalog/repository/ProductRepository.java - Category repository
productcatalog/src/main/java/com/example/productcatalog/repository/CategoryRepository.java - Product model
productcatalog/src/main/java/com/example/productcatalog/model/Product.java - Category model
productcatalog/src/main/java/com/example/productcatalog/model/Category.java - Product DTO
productcatalog/src/main/java/com/example/productcatalog/dto/ProductDTO.java - Data seeder
productcatalog/src/main/java/com/example/productcatalog/config/DataSeeder.java
Other components
- Catalog user
- Catalog API
Connections 16
- Catalog user → React entry: opens
- React entry → Catalog app: renders
productcatalog/ecome-catalog-react/src/main.jsx - Catalog app → Category filter: renders
productcatalog/ecome-catalog-react/src/App.jsx - Catalog app → Product cards: renders
productcatalog/ecome-catalog-react/src/App.jsx - Catalog app → Catalog API: fetches products and categories
productcatalog/ecome-catalog-react/src/App.jsx - Catalog API → Product API: routes product requests
- Catalog API → Category API: routes category requests
- Product API → Product service: delegates to
- Category API → Category service: delegates to
- Product service → Product repository: uses
- Category service → Category repository: uses
- Product repository → Product model: persists
- Category repository → Category model: persists
- Product API → Product DTO: uses
- Data seeder → Product model: seeds
- Data seeder → Category model: seeds