How shreyas-sv1/abafashions works
ABAfashions is a fashion storefront with an administrator product-management interface. Customers browse and filter a product catalog, view product details, and manage a locally persisted cart; administrators sign in and maintain product listings, including images. The Express API serves product operations, while Prisma persists products and Cloudinary handles uploaded images. The graph follows sampled routing, cart, catalog, product-route, and dashboard code; unsampled page and API implementations are represented only where their paths and responsibilities are clear, so some wiring is intentionally omitted.
Main entry points: App.jsx App routing · products.js Product routes · server.js Express API · Catalog.jsx Catalog browse
Components 20
Customer storefront
- App routing
client/src/App.jsx - Catalog browse
client/src/pages/Catalog.jsx - Product card
client/src/components/ProductCard.jsx - Product detail
client/src/pages/ProductDetail.jsx - Cart page
client/src/pages/Cart.jsx - Cart state
client/src/context/CartContext.jsx
Administration
- Admin login
client/src/pages/admin/AdminLogin.jsx - Product dashboard
client/src/pages/admin/AdminDashboard.jsx - Admin session
client/src/context/AuthContext.jsx
API and access
- Product API client
client/src/api/products.js - Admin API client
client/src/api/admin.js - Express API
server/server.js - Product routes
server/routes/products.js - Admin routes
server/routes/admin.js - JWT middleware
server/middleware/auth.js
Persistence and media
- Product database
server/prisma/schema.prisma - Image service adapter
server/lib/cloudinary.js
Other components
- Customer
- Cloudinary
- Browser local storage
Connections 23
- Customer → App routing: uses storefront
- App routing → Catalog browse: routes to
- App routing → Product detail: routes to
- App routing → Cart page: routes to
- App routing → Admin login: routes to
- App routing → Product dashboard: protects route
- Catalog browse → Product API client: fetches products
- Catalog browse → Product card: renders products
- Product card → Cart state: adds item
- Cart page → Cart state: reads and updates
- Cart state → Browser local storage: persists cart
- Product dashboard → Product API client: manages products
- Admin login → Admin API client: submits credentials
- Admin login → Admin session: sets session
- Product dashboard → Admin session: reads session
- Product API client → Express API: requests products
- Admin API client → Express API: requests admin
- Express API → Product routes: dispatches products
- Express API → Admin routes: dispatches admin
- Product routes → JWT middleware: verifies writes
- Product routes → Product database: reads and writes
- Product routes → Image service adapter: uploads and deletes images
- Image service adapter → Cloudinary: transfers images