Angular ShoppingCart screenshot

Angular ShoppingCart

Author Avatar Theme by Ikismail
Updated: 22 Mar 2024
622 Stars

ShoppingCart (Ecommerce) Application using Angular10, Firebase, PWA, Drag&Drop, Materialized Bootstrap and i18n

Categories

Overview

The Angular-10 ShoppingCart application is a comprehensive E-commerce solution built with Angular-10, MDBootstrap, and Firebase Realtime Database. It offers features like user registration with Firebase Authentication, CRUD operations for adding, editing, and deleting products, drag and drop functionality, authentication and authorization, and more.

Features

  • User Registration: Allows users to register using Firebase Authentication with options for Email/Password or Google Authentication.
  • CRUD Operations: Enables users to add products to carts, and admins to manage the product list effectively.
  • Drag and Drop: Implements Angular Drag and Drop functionality for a user-friendly experience.
  • Security: Implements authentication and authorization features for secure access.

Installation

To install the Angular-10 ShoppingCart application, follow these steps:

  1. Download and install Angular CLI and NodeJs.
  2. Clone the repository and run npm install or yarn install based on your package manager.
  3. Activate Firebase Authentication providers and update the Realtime Database Rules.
  4. Import the Products JSON data to the Firebase Realtime Database.
  5. Run the server using ng serve and navigate to http://localhost:4200/.

Summary

The Angular-10 ShoppingCart application is a feature-rich E-commerce solution with Firebase Realtime Database integration. With functionalities like user registration, CRUD operations, drag and drop feature, and security measures, it provides a robust platform for building and managing online stores efficiently. By following the installation guide, users can set up the application seamlessly and utilize its comprehensive features for successful E-commerce operations.