Project Overview

OnMarket Landing is a comprehensive Angular-based e-commerce marketplace application. It provides a full-featured online shopping platform with product browsing, cart management, checkout, user profiles, affiliate program, and real-time chat functionality.

Key Capabilities

• Product browsing and search
• Shopping cart and checkout
• User authentication and profile management
• Affiliate marketing program
• Store management
• Real-time chat via WebSockets
• Multiple payment integrations
• Order tracking and history
• Voucher and promotion system

Technology Stack

Core Framework

• Angular: v12.2.2
• TypeScript: v4.3.5
• RxJS: v6.6.3 (Reactive Programming)

UI/UX Libraries

• Angular Material: v12.2.2 - Material Design components
• Angular Flex Layout: v12.0.0 - Responsive layout system
• Angular Animations: v12.2.2 - Animation support
• Font Awesome: v6.5.1 - Icon library
• SweetAlert2: v10.3.3 - Beautiful alerts and modals

Additional Libraries

• Socket.io Client: v4.7.5 - Real-time WebSocket communication
• Google Maps: v3.55.12 - Map integration
• ApexCharts: v3.35.0 - Interactive charts
• jwt-decode: v3.1.2 - JWT token decoding
• dayjs: v1.10.7 - Date manipulation
• ngx-translate: v13.0.0 - Internationalization (i18n)
• ngx-infinite-scroll: v10.0.1 - Infinite scrolling
• ngx-countdown: v11.0.3 - Countdown timers
• ngx-perfect-scrollbar: v10.1.1 - Custom scrollbars

Development Tools

• Angular CLI: v12.2.2
• Karma: v6.3.4 - Test runner
• Jasmine: v3.9.0 - Testing framework
• TSLint: v6.1.0 - Code linting
• Protractor: v7.0.0 - E2E testing