Welcome to Shoply, an advanced Angular-based ecommerce application designed to provide a seamless shopping experience. This platform enables users to explore a wide range of products with powerful filtering, sorting, and viewing options. Whether you're searching for specific items or browsing through categories, Shoply ensures a user-friendly and efficient shopping journey.

• Product Catalog: Browse an extensive range of products, categorized for easy navigation.
• Product Details: Access comprehensive information about each product, including images, descriptions, and prices.
• Sorting and Pagination: Organize products by price, popularity, and other criteria, with convenient pagination controls.
• Suggested Products: Discover related products tailored to your preferences.
• Advanced Filtering: Narrow down your search by category, price range, and other attributes.
• Search Functionality: Quickly find products using a robust search feature. 🔍
• Dynamic Views: Switch between list and grid views to suit your browsing preferences.
• Price Range Slider: Adjust your budget with a responsive price range slider.
• Shopping Cart & Checkout: Manage your cart, review your order, and proceed to payment with ease. 🛒
• Local Storage Integration: Save wishlist items and cart contents in local storage, ensuring that your selections persist even after refreshing the page.
• End-to-End Testing: Ensure quality and reliability with comprehensive tests using Cypress.

• Client: Angular, PrimeNG, PrimeFlex, Apollo Client
• Server: Hasura GraphQL
• Tests: Cypress

To execute the end-to-end tests, navigate to the project root directory and run:

npx cypress open

1. Clone the Repository

   git clone https://github.com/WaledGalalM/ecommerce.git

2. Navigate to the Project Directory

   cd ecommerce

3. Install Dependencies

   npm install

4. Start the Angular Development Server

   ng serve 

• @WaledGalalM ##Frontend** Ledo elalamy in track