How charlieisd34d/veterinaria-san-marcos-2 works
Veterinaria San Marcos is a React web application for public veterinary information, product browsing and cart management, alongside an authenticated administration area for operational records and reporting. The principal customer flow is browsing products, viewing a product, adding it to a persistent cart and managing the cart; service information and appointment requests are another public capability. Administrators sign in before accessing protected routes and manage operational data through CRUD screens. The README describes simulated localStorage persistence. Connections for unsampled screens are limited to documented routing and indexed references.
Main entry points: App.jsx Router and providers · services Record services · pages Admin pages · CarritoContext.jsx Cart state
Components 22
Public experience
- Public pages
src/pages - Product catalog
src/pages/PaginaProductos.jsx - Product detail
src/pages/PaginaDetalleProducto.jsx - Services and appointments
src/pages/PaginaServicios.jsx - Cart page
src/pages/PaginaCarrito.jsx - Public layout
src/components/templates/PlantillaPublica.jsx
Administration
- Admin sign-in
src/pages/PaginaInicioSesion.jsx - Authentication
src/utils/autenticacion.js - Admin pages
src/pages - Admin layout
src/components/templates/PlantillaAdmin.jsx - CRUD interface
src/components/organisms/SeccionCrud.jsx - CRUD actions
src/hooks/useCrud.js
Application state
- Router and providers
src/App.jsx - Cart state
src/context/CarritoContext.jsx - Product state
src/context/ProductosContext.jsx - Category state
src/context/CategoriasContext.jsx - Client state
src/context/ClientesContext.jsx - Request state
src/context/SolicitudesContext.jsx - User state
src/context/UsuariosContext.jsx
Local data
- Record services
src/services - Browser localStorage
Other components
- Visitor
Connections 33
- Visitor → Router and providers: opens
src/App.jsx - Router and providers → Public pages: routes to
src/App.jsx - Router and providers → Admin pages: protects routes
src/App.jsx - Router and providers → Cart state: provides
src/App.jsx - Router and providers → Product state: provides
src/App.jsx - Router and providers → Category state: provides
src/App.jsx - Router and providers → Client state: provides
src/App.jsx - Router and providers → Request state: provides
src/App.jsx - Router and providers → User state: provides
src/App.jsx - Public pages → Public layout: uses layout
src/pages/PaginaCarrito.jsx - Router and providers → Product catalog: routes to
src/App.jsx - Router and providers → Product detail: routes to
src/App.jsx - Router and providers → Services and appointments: routes to
src/App.jsx - Router and providers → Cart page: routes to
src/App.jsx - Product catalog → Product state: reads products
src/pages/PaginaProductos.jsx - Product detail → Product state: reads products
src/pages/PaginaDetalleProducto.jsx - Product detail → Cart state: adds product
src/pages/PaginaDetalleProducto.jsx - Cart page → Cart state: manages cart
src/pages/PaginaCarrito.jsx - Services and appointments → Public layout: uses layout
src/pages/PaginaServicios.jsx - Router and providers → Admin sign-in: routes to
src/App.jsx - Router and providers → Authentication: checks session
src/App.jsx - Admin sign-in → Authentication: validates credentials
src/pages/PaginaInicioSesion.jsx - Admin pages → Admin layout: uses layout
src/pages/PaginaAdminClientes.jsx - Admin pages → CRUD interface: renders CRUD
src/pages/PaginaAdminClientes.jsx - Admin pages → CRUD actions: uses actions
src/pages/PaginaAdminClientes.jsx - CRUD actions → Client state: mutates records
src/hooks/useCrud.js - Client state → Record services: calls service
src/context/ClientesContext.jsx - Product state → Record services: calls service
src/context/ProductosContext.jsx - Category state → Record services: calls service
src/context/CategoriasContext.jsx - Request state → Record services: calls service
src/context/SolicitudesContext.jsx - User state → Record services: calls service
src/context/UsuariosContext.jsx - Record services → Browser localStorage: reads and writes
src/services/productoService.js - Cart state → Browser localStorage: persists cart
src/context/CarritoContext.jsx