A simple e-commerce application developed with Angular 14, featuring lazy-loaded product listings, category management, and authentication with Firebase.
Category
Frontend
Status
Completed
GitHub Stats
Created
May 3, 2023
Last Updated
May 3, 2023
In this project, I developed a simple shopping application with Angular that includes product listing, category management, and an authentication flow.
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.
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.
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.
Angular 14, TypeScript, Angular Router, RxJS, Bootstrap, CKEditor 4, Firebase Realtime Database, Firebase Identity Toolkit