# namratakaursaini/shopping_admin architecture

> Architecture diagram of the GitHub repository namratakaursaini/shopping_admin, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/namratakaursaini/shopping_admin
- Repository: https://github.com/namratakaursaini/shopping_admin

## Overview

This Angular application is a Firebase-backed administration console for managing fashion and home-decor catalog entries and website content. An administrator enters through the routed admin or authentication layouts; guarded admin routes expose catalog, media, service, review, inquiry, and business-information screens. In the sampled service and review screens, users can list and edit records, upload images, and delete entries; shared database service code also retrieves many content collections. The excerpts do not show wiring for every page, so unverified page-to-service links are omitted.

Main entry points: [`src/app/layouts/admin-layout/admin-layout.routing.ts`](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/layouts/admin-layout/admin-layout.routing.ts) (Admin routes), [`src/app/app.routing.ts`](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/app.routing.ts) (App routes), [`src/app/pages/services/services.component.ts`](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/services/services.component.ts) (Services), [`src/app/pages/reviews/reviews.component.ts`](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/reviews/reviews.component.ts) (Reviews)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_navigation["App navigation"]
  node_app_routes["App routes<br/>[app.routing.ts]"]
  node_admin_layout["Admin layout"]
  node_admin_routes["Admin routes"]
  node_auth_routes["Auth routes"]
  node_login["Login<br/>[login.component.ts]"]
  node_register["Register"]
  node_dashboard["Dashboard"]
end

subgraph group_catalog["Catalog management"]
  node_catalog_pages["Fashion catalog"]
  node_women_catalog["Women catalog"]
  node_home_decor["Home decor"]
  node_categories["Categories"]
end

subgraph group_content["Content management"]
  node_media["Media library"]
  node_sliders_videos["Sliders and videos"]
  node_business_content["Business content"]
  node_services_page["Services"]
  node_reviews_page["Reviews"]
  node_inquiries["Queries and enquiries"]
end

subgraph group_platform["Identity and data"]
  node_guard["Route guard<br/>[auth.guard.ts]"]
  node_auth_service["Auth service<br/>[auth.service.ts]"]
  node_db_service["Content data service<br/>[db.service.ts]"]
  node_firestore[("Cloud Firestore")]
  node_storage[("Firebase Storage")]
  node_firebase_auth["Firebase Auth"]
end

node_admin(("Administrator"))

node_admin -->|"opens app"| node_app_routes
node_app_routes -->|"routes admin"| node_admin_layout
node_app_routes -->|"routes auth"| node_auth_routes
node_app_routes -->|"guards entry"| node_guard
node_admin_layout -->|"loads routes"| node_admin_routes
node_admin_routes -->|"guards pages"| node_guard
node_admin_routes -->|"dispatches"| node_dashboard
node_admin_routes -->|"dispatches"| node_catalog_pages
node_admin_routes -->|"dispatches"| node_women_catalog
node_admin_routes -->|"dispatches"| node_home_decor
node_admin_routes -->|"dispatches"| node_categories
node_admin_routes -->|"dispatches"| node_media
node_admin_routes -->|"dispatches"| node_sliders_videos
node_admin_routes -->|"dispatches"| node_business_content
node_admin_routes -->|"dispatches"| node_services_page
node_admin_routes -->|"dispatches"| node_reviews_page
node_admin_routes -->|"dispatches"| node_inquiries
node_auth_routes -->|"dispatches"| node_login
node_auth_routes -->|"dispatches"| node_register
node_login -->|"uses authentication"| node_auth_service
node_auth_service -->|"signs in/out"| node_firebase_auth
node_auth_service -->|"reads admin profile"| node_firestore
node_services_page -->|"requests services"| node_db_service
node_db_service -->|"reads collections"| node_firestore
node_services_page -->|"writes service records"| node_firestore
node_services_page -->|"uploads images"| node_storage
node_reviews_page -->|"requests reviews"| node_db_service
node_reviews_page -->|"reads and writes reviews"| node_firestore
node_reviews_page -->|"uploads and deletes images"| node_storage

click node_app_routes "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/app.routing.ts"
click node_admin_layout "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/layouts/admin-layout/admin-layout.component.ts"
click node_admin_routes "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/layouts/admin-layout/admin-layout.routing.ts"
click node_auth_routes "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/layouts/auth-layout/auth-layout.routing.ts"
click node_guard "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/auth.guard.ts"
click node_login "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/login/login.component.ts"
click node_register "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/register/register.component.ts"
click node_auth_service "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/services/auth.service.ts"
click node_dashboard "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/dashboard/dashboard.component.ts"
click node_catalog_pages "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/men/men-topwear/men-topwear.component.ts"
click node_women_catalog "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/women/women-westernwear/women-westernwear.component.ts"
click node_home_decor "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/homedecor/homedecor.component.ts"
click node_categories "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/category/category.component.ts"
click node_media "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/images/images.component.ts"
click node_sliders_videos "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/sliders/sliders.component.ts"
click node_business_content "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/contactus/contactus.component.ts"
click node_services_page "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/services/services.component.ts"
click node_reviews_page "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/reviews/reviews.component.ts"
click node_inquiries "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/queries/queries.component.ts"
click node_db_service "https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/services/db.service.ts"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_app_routes,node_admin_layout,node_admin_routes,node_auth_routes,node_login,node_register,node_dashboard toneBlue
class node_catalog_pages,node_women_catalog,node_home_decor,node_categories toneAmber
class node_media,node_sliders_videos,node_business_content,node_services_page,node_reviews_page,node_inquiries toneMint
class node_guard,node_auth_service,node_db_service,node_firestore,node_storage,node_firebase_auth toneRose
class node_admin toneIndigo
```

## Components

### App navigation

- [App routes](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/app.routing.ts): `src/app/app.routing.ts`
- [Admin layout](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/layouts/admin-layout/admin-layout.component.ts): `src/app/layouts/admin-layout/admin-layout.component.ts`
- [Admin routes](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/layouts/admin-layout/admin-layout.routing.ts): `src/app/layouts/admin-layout/admin-layout.routing.ts`
- [Auth routes](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/layouts/auth-layout/auth-layout.routing.ts): `src/app/layouts/auth-layout/auth-layout.routing.ts`
- [Login](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/login/login.component.ts): `src/app/pages/login/login.component.ts`
- [Register](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/register/register.component.ts): `src/app/pages/register/register.component.ts`
- [Dashboard](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/dashboard/dashboard.component.ts): `src/app/pages/dashboard/dashboard.component.ts`

### Catalog management

- [Fashion catalog](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/men/men-topwear/men-topwear.component.ts): `src/app/pages/men/men-topwear/men-topwear.component.ts`
- [Women catalog](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/women/women-westernwear/women-westernwear.component.ts): `src/app/pages/women/women-westernwear/women-westernwear.component.ts`
- [Home decor](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/homedecor/homedecor.component.ts): `src/app/pages/homedecor/homedecor.component.ts`
- [Categories](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/category/category.component.ts): `src/app/pages/category/category.component.ts`

### Content management

- [Media library](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/images/images.component.ts): `src/app/pages/images/images.component.ts`
- [Sliders and videos](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/sliders/sliders.component.ts): `src/app/pages/sliders/sliders.component.ts`
- [Business content](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/contactus/contactus.component.ts): `src/app/pages/contactus/contactus.component.ts`
- [Services](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/services/services.component.ts): `src/app/pages/services/services.component.ts`
- [Reviews](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/reviews/reviews.component.ts): `src/app/pages/reviews/reviews.component.ts`
- [Queries and enquiries](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/pages/queries/queries.component.ts): `src/app/pages/queries/queries.component.ts`

### Identity and data

- [Route guard](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/auth.guard.ts): `src/app/auth.guard.ts`
- [Auth service](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/services/auth.service.ts): `src/app/services/auth.service.ts`
- [Content data service](https://github.com/namratakaursaini/shopping_admin/blob/master/src/app/services/db.service.ts): `src/app/services/db.service.ts`
- **Cloud Firestore**
- **Firebase Storage**
- **Firebase Auth**

### Other components

- **Administrator**

## Connections

- Administrator → App routes: opens app
- App routes → Admin layout: routes admin
- App routes → Auth routes: routes auth
- App routes → Route guard: guards entry
- Admin layout → Admin routes: loads routes
- Admin routes → Route guard: guards pages
- Admin routes → Dashboard: dispatches
- Admin routes → Fashion catalog: dispatches
- Admin routes → Women catalog: dispatches
- Admin routes → Home decor: dispatches
- Admin routes → Categories: dispatches
- Admin routes → Media library: dispatches
- Admin routes → Sliders and videos: dispatches
- Admin routes → Business content: dispatches
- Admin routes → Services: dispatches
- Admin routes → Reviews: dispatches
- Admin routes → Queries and enquiries: dispatches
- Auth routes → Login: dispatches
- Auth routes → Register: dispatches
- Login → Auth service: uses authentication
- Auth service → Firebase Auth: signs in/out
- Auth service → Cloud Firestore: reads admin profile
- Services → Content data service: requests services
- Content data service → Cloud Firestore: reads collections
- Services → Cloud Firestore: writes service records
- Services → Firebase Storage: uploads images
- Reviews → Content data service: requests reviews
- Reviews → Cloud Firestore: reads and writes reviews
- Reviews → Firebase Storage: uploads and deletes images