How leandrosnazareth/pdv-app works
PDV Web is an Angular point-of-sale application for small retailers, with a separate REST API documented as a companion project. Users authenticate, manage products, build a checkout from active products, confirm payment, and review sales; a dashboard summarizes sales and product counts. The graph shows the documented UI routes and sampled component-to-service calls. The API implementation is outside this repository, and unsampled login, payment, and authorization wiring is not inferred.
Main entry points: app-routing.module.ts Route configuration · sale.component.ts Point of sale · product.service.ts Product API client · sale.service.ts Sale API client
Components 20
App shell
- Application shell
src/app/app.component.ts - Route configuration
src/app/app-routing.module.ts - Dashboard navigation
src/app/dashboard/sidebar/sidebar.component.ts - Sidebar toggle
src/app/dashboard/sidebar/toggle.directive.ts
Authentication
- Login screen
src/app/page/login/login.component.ts - Route guard
src/app/service/guardiao.guard.ts - Login service
src/app/service/login.service.ts - Token interceptor
src/app/service/headerInterceptor.service.ts
Products
- Product management
src/app/page/product/product.component.ts - Product model
src/app/page/product/product.ts - Product API client
src/app/service/product.service.ts
Sales and reporting
- Dashboard
src/app/page/home/home.component.ts - Point of sale
src/app/page/sale/sale.component.ts - Payment confirmation
src/app/page/sale-dialog/sale-dialog.component.ts - Sale model
src/app/page/sale/sale.ts - Sale API client
src/app/service/sale.service.ts - Sales history
src/app/page/sales-list/sales-list.component.ts - Payment service
src/app/service/payment.service.ts
Other components
- Retail operator
- Companion REST API
Connections 26
- Retail operator → Application shell: uses
- Application shell → Route configuration: navigates via
src/app/app.component.ts - Route configuration → Dashboard: routes to
src/app/app-routing.module.ts - Route configuration → Product management: routes to
src/app/app-routing.module.ts - Route configuration → Point of sale: routes to
src/app/app-routing.module.ts - Route configuration → Sales history: routes to
src/app/app-routing.module.ts - Route configuration → Login screen: routes to
src/app/app-routing.module.ts - Route configuration → Route guard: guards routes
src/app/app-routing.module.ts - Application shell → Login screen: redirects unauthenticated
src/app/app.component.ts - Dashboard navigation → Route configuration: navigates
- Dashboard navigation → Sidebar toggle: uses
- Dashboard → Sale API client: requests summaries
src/app/page/home/home.component.ts - Dashboard → Product API client: requests counts
src/app/page/home/home.component.ts - Product management → Product API client: manages products
src/app/page/product/product.component.ts - Product management → Product model: creates
src/app/page/product/product.component.ts - Product API client → Companion REST API: sends REST requests
src/app/service/product.service.ts - Point of sale → Product API client: looks up active products
src/app/page/sale/sale.component.ts - Point of sale → Payment confirmation: opens for payment
src/app/page/sale/sale.component.ts - Point of sale → Sale model: constructs sale
src/app/page/sale/sale.component.ts - Point of sale → Sale API client: submits sale
src/app/page/sale/sale.component.ts - Sales history → Sale API client: lists and deletes
src/app/page/sales-list/sales-list.component.ts - Sales history → Sale model: displays sales
src/app/page/sales-list/sales-list.component.ts - Sale API client → Companion REST API: sends REST requests
src/app/service/sale.service.ts - Login screen → Login service: authenticates
- Login service → Companion REST API: calls API
- Token interceptor → Companion REST API: adds bearer token