How abhiabhishekoffl/catalogops works
CatalogOps is a product-catalog platform: a browser user navigates the React app, manages or browses products, and views database-backed dashboard and analytics results. The frontend API client calls FastAPI; routes validate data, query or mutate SQLAlchemy product records, and return JSON. The README documents operations endpoints and a settings connectivity/version view. Edges are limited to relationships shown in excerpts or explicitly described in the README; analytics, storefront, and settings component-to-client calls are indexed, but their route details are not assumed.
Main entry points: App.jsx App navigation · api.js API client · main.py FastAPI routes · database.py DB sessions
Components 16
Catalog interface
- React entry
frontend/src/main.jsx - App navigation
frontend/src/App.jsx - Sidebar
frontend/src/components/Sidebar.jsx - Header
frontend/src/components/Header.jsx - Product management
frontend/src/pages/Products.jsx - Dashboard
frontend/src/pages/Dashboard.jsx - Analytics
frontend/src/pages/Analytics.jsx - Storefront
frontend/src/pages/Storefront.jsx - Settings
frontend/src/pages/Settings.jsx - API client
frontend/src/services/api.js
Catalog API
- FastAPI routes
app/main.py - Product schemas
app/schemas/product.py
Catalog data
- DB sessions
app/database/database.py - Product model
app/models/product.py - PostgreSQL
Other components
- Browser user
Connections 21
- Browser user → React entry: uses
README.md - React entry → App navigation: renders
frontend/src/main.jsx - App navigation → Sidebar: renders
frontend/src/App.jsx - App navigation → Header: renders
frontend/src/App.jsx - App navigation → Dashboard: selects
frontend/src/App.jsx - App navigation → Product management: selects
frontend/src/App.jsx - App navigation → Analytics: selects
frontend/src/App.jsx - App navigation → Storefront: selects
frontend/src/App.jsx - App navigation → Settings: selects
frontend/src/App.jsx - Product management → API client: calls
frontend/src/pages/Products.jsx - Dashboard → API client: calls
frontend/src/pages/Dashboard.jsx - Analytics → API client: calls
frontend/src/pages/Analytics.jsx - Storefront → API client: calls
frontend/src/pages/Storefront.jsx - Settings → API client: calls
frontend/src/pages/Settings.jsx - API client → FastAPI routes: HTTP requests
README.md - FastAPI routes → Product schemas: validates
app/main.py - FastAPI routes → DB sessions: gets sessions
app/main.py - FastAPI routes → Product model: queries and mutates
app/main.py - Product model → DB sessions: uses Base
app/models/product.py - DB sessions → PostgreSQL: connects
README.md - FastAPI routes → PostgreSQL: readiness probe
app/main.py