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.
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.
- Angular 16
- Ngrx
- RxJS
- Angular Material
- Bootstrap
- Swiper
- Advanced product filtering and search capabilities.
- Users can easily refine product listings based on various criteria such as category, price range, and more.
- A fully functional shopping cart system.
- Users can add and remove products, update quantities, and proceed to checkout.
- Engaging sliders and carousels to showcase featured products and promotions.
- Utilizes Swiper for a responsive and visually appealing presentation.
- Pagination for product listings.
- Allows users to navigate through multiple pages of product results.
- Display of products with detailed information.
- Each product includes images, pricing, and a brief description.
- Detailed product pages with additional information.
- Users can view product images, descriptions, specifications, and customer reviews.
- An "About Us" section providing information about the eCommerce platform and its mission.
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
-
Clone this repository to your local machine.
git clone https://github.com/yourusername/angular-ecommerce.git
-
Navigate to the project directory.
cd angular-ecommerce -
Install the project dependencies.
npm install
-
Start the development server.
ng serve
-
Open your browser and navigate to
http://localhost:4200/to access the application.
Use the product filters to narrow down product listings based on your preferences, such as category or price range.
Add products to your shopping cart, update quantities, and proceed to checkout when ready.
Engage with the dynamic sliders and carousels to discover featured products and promotions.
Navigate through multiple pages of product listings using the pagination controls.
Browse and explore the extensive list of products with detailed information.
Access product details pages for in-depth information, including images, descriptions, specifications, and customer reviews.
Visit the "About Us" section to learn more about the eCommerce platform and its mission.