Angular E-Commerce Platform

Introduction

In this project, you'll create a fully functional e-commerce platform using Angular. This project focuses on essential Angular concepts such as Directives, Pipes, Forms, Services, and HTTP operations. Users will be able to browse products, add items to their cart, place orders, and manage their profiles. Admin users can manage product listings and users through a dashboard. The application will use json-server as a mock backend.

PS: feel free to adjust or add your own dataset like user accounts for logging in reasons

Description

• On the E-Commerce Platform, users can:

  • Browse a list of available products (name, category).
  • View detailed product information.
  • Add products to a shopping cart.
  • Update quantities or remove items from the cart.

• Admin Dashboard:

  • Add, edit, or delete products.
  • View and manage user list.
  • Block or unblock users.
  • View order statistics (can be a bonus feature).

Prerequisites

Make sure you're comfortable with:

• Structural Directives and creation of custom directives.

• Built-in pipes and development of custom pipes (e.g., currency formatter, product filter).

• Angular Forms (Template-Driven and Reactive Forms).

• Form validation and creation of custom validators.

• Angular services and dependency injection.

• Performing CRUD operations using the HttpClient module.

• Ensure you have json-server installed. If not, install it globally:

  • Install json-server globally: npm install -g json-server
  • Run json-server --watch db.json -p 4200 or npm run server to start the mock backend server

How do I ask for help or a review?

Follow this GitHub workflow:

1. Treat the project like an open-source repo.
2. Fork the repository to your own GitHub.
3. Open a PR from your origin (forked repo) against this repository
4. Leave a comment and tag the reviewer.

If you have any further questions. Post your question in PathWright Community tab.