Recently Updated Pages
State Management
BehaviorSubjects The application uses RxJS BehaviorSubjects for state management: ApiService Stat...
Routing Structure
Main Routes The application uses Angular Router with the following main routes: // Home & Product...
Services & API Integration
ApiService (api.service.ts) The main service handling all API communications. Base URLs // Produc...
Architecture & Design Patterns
Component-Based Architecture The application follows Angular's component-based architecture where...
Core features
1. E-Commerce Functionality Product catalog browsing Advanced search and filtering Product detai...
Project structure
on-market-landing/ ├── e2e/ # End-to-end tests ├── src/ │ ├── app/ │ ...
Installation and setup
Prerequisites Before you begin, ensure you have the following installed: Node.js: v12.x or high...
Project Overview
OnMarket Landing is a comprehensive Angular-based e-commerce marketplace application. It provides...
Additional Resources
Official Documentation Angular Documentation TypeScript Documentation RxJS Documentation ...
Troubleshooting
Common Issues 1. Cannot connect to API Symptom: API calls fail with connection errors Solution: ...
Development guide
Code Style TypeScript Use TypeScript strict mode Define interfaces for all data structures Use t...
Build & Deployment
Build Configuration Angular build configuration in angular.json: Project Name: project (generic n...
State Management
LocalStorage The application uses browser localStorage for state persistence: Stored Data: jwt ...
UI Components & Styling
Layout System The application uses Angular Flex Layout for responsive design: Flexbox-based layo...
Routing & Navigation
Route Configuration All routes are defined in app.routing.ts with lazy loading for performance. M...
Services & API Integration
Main API Service (api.service.ts) The central service for API communication with the backend. Key...
Application modules
The application consists of 27+ feature modules, each handling specific business functionality: C...
Authentication and security
Authentication Flow Login (/login) User submits credentials API returns JWT token Token stored...
Project Architecture
Directory Structure src/ ├── app/ │ ├── account-management/ # Account operations │ ├── ...
Starting the project
Prerequisites Node.js (v14+ recommended) npm (v6+ recommended) Angular CLI (npm install -g @angu...