ProdSight - product dashboard template (Angular)
Professional Angular 21 front end for a SaaS-style catalog panel: SKUs, channels, stock and operations.
Note: Download is released after payment confirmation. Files include documentation and setup guides. Foreign Technologies provides technical support for the source code; installation in the client's environment is an optional separate service. After download, as this is a digital and customizable product, purchase cancellation or refund requests are not possible.
About the project
ProdSight is a professional Angular 21 front end for teams that need a SaaS-style catalog dashboard: SKUs, channels, stock and operations - ideal as a base for light PIM, e-commerce / marketplace or B2B portals. It uses standalone components, lazy-friendly routes where it makes sense, and is structured so you can swap mocks for a REST API without rewriting the UI.
What’s included
- Demo authentication - login flow with guest vs authenticated areas (authGuard, guestGuard), sessionStorage session, logout with loading overlay.
- Full layout - responsive sidebar shell, header (user, theme, language), content area and consistent navigation across screens.
- Main dashboard - KPI cards, chart (ApexCharts), activity list and product table with filters and CSV export.
- Extra demo pages - Analytics, Team/users, Catalog and Orders backed by a demo data service, ready to become HTTP calls.
- Reports - sub-routes for products, sales, cancellations, demographics and finance; shared period picker, charts/tables, CSV/PDF/XLSX export (PDF/XLS loaded on demand to keep the initial bundle lean).
- Settings - tabbed UI for security (simulated MFA), notification preferences and RBAC (roles/permissions in UI); all local mocks with notes to wire your backend.
- i18n - Portuguese, English and Spanish via ngx-translate and JSON under public/i18n/.
- Theme - light/dark persisted with a dedicated service; global styles and chart readability in dark mode.
- Formatting - centralized currency and numbers (CurrencyFormatService + config) aligned with tables and finance reports.
- HttpClient is already provided for when you integrate the API.
Technologies
Angular 21, TypeScript, RxJS, Zone.js (CD compatible with signals/async), ngx-translate, ng-apexcharts / ApexCharts, Lucide icons, jsPDF + jspdf-autotable, xlsx. Unit tests with Vitest; Prettier for formatting.
Documentation included
Guides in PT-BR, EN and ES: post-purchase setup, API integration, and settings / MFA / RBAC - to adapt branding, URLs, reports and real auth flows.
Requirements & delivery
Node.js and npm compatible with the project (packageManager version in package.json). After download: npm install, npm start for development, npm run build for production. No backend is included - front-end template ready to connect to your server.
Photo gallery
Buy the source code
Secure Asaas checkout - links are live. Price and checkout follow the site language: Portuguese (BR) → BRL; English → USD; Spanish and French → EUR.
Change the language in the top menu to switch currency and payment link. This is independent of your geographic location.
Use a valid email at Asaas checkout. After payment, we email a secure download link to that address.
License and download
Each purchase allows up to five (5) downloads of the package; after the limit, the link expires.
Downloads are traceable. Unauthorized resale or sharing of the code or product may result in civil and criminal consequences under applicable law.
If you have any problem downloading, contact support using the email below.
Support: suporte@foreigntechnologies.com.br
Note: Download is released after payment confirmation. Files include documentation and setup guides. Foreign Technologies provides technical support for the source code; installation in the client's environment is an optional separate service. After download, as this is a digital and customizable product, purchase cancellation or refund requests are not possible.