E-commerce Application with Angular: Product Management and Authentication

Short Description

In this project, I developed a simple shopping application with Angular that includes product listing, category management, and an authentication flow.

Problem

I wanted to consolidate fundamental e-commerce scenarios into a single sample application. I addressed the need for listing products, filtering by category, and establishing management operations within a protected structure.

Solution

I modularized the application using Angular modules and managed the product side with lazy loading. I fetched product and category data via Firebase Realtime Database and established a login and registration flow using Firebase Identity Toolkit. An admin guard was implemented to grant product and category creation privileges only to specific users, and a CKEditor and basic image validation were added to the product creation form.

Outcome

The result is a well-structured Angular example demonstrating core store functionalities. I consolidated product listing, detail view, category filtering, and authorization-controlled content creation within a single project.

Technologies

Angular 14, TypeScript, Angular Router, RxJS, Bootstrap, CKEditor 4, Firebase Realtime Database, Firebase Identity Toolkit

Setup