Project Description:
A small demo storefront built for learning and demos. Demonstrates AI assistant, client-side caching, dynamic form generation, product, shopping cart, and checkout flows. Leverages server-side rendering, signals, routes, services, states, client-side caching, and dynamic forms as a service driven by schemas, where data is returned as models. Styled using Tailwind CSS and DaisyUI.
Services:
ai-service.ts: Provides AI assistant functionalities such as searching the database and recommendations.
product-service.ts: Fetches and manages product data from the backend API (list, detail, search).
cart-service.ts: Manages shopping cart state, adds/removes items, and performs cart calculations.
image-service.ts: Handles image uploads, retrieval, and transformations for product images.
filter-service.ts: Provides product filtering and search helpers used across components.
storage-service.ts: Abstracts local/session storage usage for persisting user state.
dynamic-form-service.ts: Provides dynamic creation of forms and the return of values.
Stores:
ai-conversation.store.ts: Maintains conversational state for AI features and persists conversation history.
product.store.ts: Client-side store for product collections, caching, and reactive updates.
image.store.ts: Store for caching image metadata and in-memory image state used by UI components.
Prerequisites:
Accessibility to the backend API project (Sales.Api).
Project Description:
Sales is an Angular-based frontend for a sales/e-commerce application. It provides product browsing and management (list, grid, add/edit dialogs), filtering, shopping cart and checkout flows, theming, and image handling. The app is intended as a frontend for a backend API and includes development tooling and automated tests.
Services:
product-service.ts: Fetches and manages product data from the backend API (list, detail, search).
cart-service.ts: Manages shopping cart state, adds/removes items, and performs cart calculations.
image-service.ts: Handles image uploads, retrieval, and transformations for product images.
filter-service.ts: Provides product filtering and search helpers used across components.
storage-service.ts: Abstracts local/session storage usage for persisting user state.
theme-service.ts: Manages application theming and exposes theme change utilities.
Stores:
product.store.ts: Client-side store for product collections, caching, and reactive updates.
image.store.ts: Store for image metadata and in-memory image state used by UI components.
Prerequisites:
Accessibility to the backend API project (Sales.Api).
Project Description:
A single-page, invitation-style website built with Angular and Tailwind CSS (DaisyUI) to present wedding details (who/where/when/attire) and collect RSVPs. Animated rings and menu, a semitransparent navigation bar allows content to be viewed, and fade away as the user scrolls the page. The UI uses Tailwind utilities, daisyui components and includes a printable invitation feature.
Project Description:
Animated Charts App is an Angular-based frontend for demonstrating animated charts. It provides interactive visualizations and options for downloading the charts.
Project Description:
Sales.Desktop.Manager is the WPF desktop client for the Sales sample application. It provides a UI for managing products, shopping cart, and is intended to be run alongside the backend API project and frontend Angular application.
Prerequisites:
.NET 10 SDK.
Accessibility to the backend API project (Sales.Api).