Skip to content

Latest commit

 

History

History
89 lines (61 loc) · 2.53 KB

README.md

File metadata and controls

89 lines (61 loc) · 2.53 KB
Raw

Products Store Angular Web App

Welcome to the Basic E-Commerce Store Angular Web App! This application provides a simple and user-friendly shopping experience. Below, I've included all the information you need to set up, run, and understand the features of this application.

Features

1. Login Display

A basic login form is provided to facilitate user authentication. Two static login roles are available:

  • User Role

    • Username: user
    • Password: user

  • Admin Role

    • Username: admin
    • Password: admin

2. Categories/Product Display (For user view)

Access to the categories and product display page is restricted to logged-in users. The content is only accessible to users, this contains filter categories, search with product name, pagination, and changing page limit to show.

  • Show different categories.
  • Under each category, display available products along with a filter section.
  • Loading animations are used while fetching data.
  • Each product card displays full product details.

3. Admin View (for admin view)

  • Display all products in a table format.
  • Pagination and changing page limit.
  • Admin can view product.
  • Admin can add new products.
  • Admin can update existing product details.
  • Admin can delete products.

Features

  • Developed using the latest Angular version (15).
  • Angular guards are implemented for security
  • Module-based architecture, large scalability.
  • lazy-loaded modules, enhanced app loading speed
  • Responsive design for mobile devices, Using Angular material UI.
  • Styles are defined using SASS.
  • Dynamic localization supports English and Arabic languages.
  • Animated loader is shown during every request.
  • Toaster feedback for errors
  • User data persistence during auth by local storage
  • Dynamic localization

Modules

  • App module (main module)
  • Auth module (for login elements)
  • Admin module (containing all admin view elements)
  • User module (containing all user view elements)
  • Shared module (all shared components and modules)
  • Material module (importing all angular material modules)

Getting Started

To get started with the Basic E-Commerce Store Angular Web App, follow these steps:

  1. Clone the Repository: Clone this repository to your local machine.
git clone [https://github.com/your-username/basic-ecommerce-angular.git](https://github.com/mBahrawy/angular-store-app.git)
  1. cd to the project directory
  cd angular-store-app
  1. Install dependencies
  npm i
  1. run the app
  npm start