Skip to content

mostafamiri74/banimode-ecommerce

Repository files navigation

Angular eCommerce Project

Welcome to the Angular eCommerce Project! This project is a demonstration of the capabilities of Angular 16 along with Ngrx, RxJS, Angular Material, Bootstrap, and Swiper to create a comprehensive eCommerce platform. Below, you'll find a guide on setting up and using this project.

Table of Contents

Project Overview

The Angular eCommerce Project is a feature-rich eCommerce web application designed to provide users with a seamless shopping experience. It incorporates modern technologies and a user-friendly interface to make online shopping easy and enjoyable.

Technologies Used

  • Angular 16
  • Ngrx
  • RxJS
  • Angular Material
  • Bootstrap
  • Swiper

Features

Product Filters

  • Advanced product filtering and search capabilities.
  • Users can easily refine product listings based on various criteria such as category, price range, and more.

Shopping Cart

  • A fully functional shopping cart system.
  • Users can add and remove products, update quantities, and proceed to checkout.

Sliders

  • Engaging sliders and carousels to showcase featured products and promotions.
  • Utilizes Swiper for a responsive and visually appealing presentation.

Pagination

  • Pagination for product listings.
  • Allows users to navigate through multiple pages of product results.

Product List

  • Display of products with detailed information.
  • Each product includes images, pricing, and a brief description.

Product Details

  • Detailed product pages with additional information.
  • Users can view product images, descriptions, specifications, and customer reviews.

About Us

  • An "About Us" section providing information about the eCommerce platform and its mission.

Getting Started

Prerequisites

Before you can run this project, ensure you have the following software installed:

  • Node.js and npm (Node Package Manager)
  • Angular CLI
  • Visual Studio Code or any code editor of your choice

Installation

  1. Clone this repository to your local machine.

    git clone https://github.com/yourusername/angular-ecommerce.git
  2. Navigate to the project directory.

    cd angular-ecommerce
  3. Install the project dependencies.

    npm install
  4. Start the development server.

    ng serve
  5. Open your browser and navigate to http://localhost:4200/ to access the application.

Usage

Product Filters

Use the product filters to narrow down product listings based on your preferences, such as category or price range.

Shopping Cart

Add products to your shopping cart, update quantities, and proceed to checkout when ready.

Sliders

Engage with the dynamic sliders and carousels to discover featured products and promotions.

Pagination

Navigate through multiple pages of product listings using the pagination controls.

Product List

Browse and explore the extensive list of products with detailed information.

Product Details

Access product details pages for in-depth information, including images, descriptions, specifications, and customer reviews.

About Us

Visit the "About Us" section to learn more about the eCommerce platform and its mission.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published