2 |
40 |
--------------------------------------------------------------------------------
/Client/src/app/account/login/login.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/account/login/login.component.scss
--------------------------------------------------------------------------------
/Client/src/app/account/login/login.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { FormBuilder, FormGroup, Validators } from '@angular/forms';
3 | import { AccountService } from '../account.service';
4 | import { ActivatedRoute, Router } from '@angular/router';
5 | import { LoadingService } from 'src/app/core/services/loading.service';
6 |
7 | @Component({
8 | selector: 'app-login',
9 | templateUrl: './login.component.html',
10 | styleUrls: ['./login.component.scss']
11 | })
12 | export class LoginComponent {
13 | loginForm: FormGroup;
14 | loading: boolean = false;
15 |
16 | constructor(
17 | private formBuilder: FormBuilder,
18 | private accountService: AccountService,
19 | private loadingService: LoadingService,
20 | private router: Router,
21 | private route: ActivatedRoute
22 | ) {
23 | // Get returnUrl from route parameters or default to '/'
24 | this.route.queryParams.subscribe(params => {
25 | this.accountService.redirectUrl = params['returnUrl'] || '/';
26 | });
27 | this.loginForm = this.formBuilder.group({
28 | email: ['', [Validators.required, Validators.email]],
29 | password: ['', Validators.required],
30 | rememberMe: [false]
31 | });
32 | }
33 |
34 | onSubmit() {
35 | if (this.loginForm.valid) {
36 | this.loadingService.loading();
37 |
38 | this.accountService.login(this.loginForm.value).subscribe({
39 | next: (user) => { // user will be the emitted value from the Observable
40 | this.loadingService.idle();
41 | // Redirect to the stored returnUrl or to the store page if no returnUrl is available
42 | const redirect = this.accountService.redirectUrl ? this.accountService.redirectUrl : '/store';
43 | this.router.navigateByUrl(redirect); // Use navigateByUrl to handle complex URLs
44 | this.accountService.redirectUrl = null; // Clear the stored URL
45 | },
46 | error: () => {
47 | this.loadingService.idle();
48 | // Handle login error
49 | }
50 | // If there's a completion logic, you can include a complete property here
51 | });
52 | }
53 | }
54 | }
--------------------------------------------------------------------------------
/Client/src/app/account/register/register.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/account/register/register.component.scss
--------------------------------------------------------------------------------
/Client/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 | import { HomeComponent } from './home/home.component';
4 | import { NotFoundComponent } from './core/not-found/not-found.component';
5 | import { ServerErrorComponent } from './core/server-error/server-error.component';
6 | import { ConnectionRefusedComponent } from './core/connection-refused/connection-refused.component';
7 |
8 | const routes: Routes = [
9 | {path:'', component:HomeComponent, data:{breadcrumb:'Home'}},
10 | {path:'store', loadChildren:()=>import('./store/store.module').then(m=>m.StoreModule), data:{breadcrumb:'Store'}},
11 | {path:'basket', loadChildren:()=>import('./basket/basket.module').then(m=>m.BasketModule), data:{breadcrumb:'Basket'}},
12 | {path:'account', loadChildren:()=>import('./account/account.module').then(m=>m.AccountModule), data:{breadcrumb:'Account'}},
13 | {path:'checkout', loadChildren:()=>import('./checkout/checkout.module').then(m=>m.CheckoutModule), data:{breadcrumb:'Checkout'}},
14 | {path:'not-found', component:NotFoundComponent, data:{breadcrumb:'Not Found'}},
15 | {path:'server-error', component:ServerErrorComponent, data:{breadcrumb:'Server Error'}},
16 | {path:'connection-refused', component:ConnectionRefusedComponent, data:{breadcrumb:'Connection Refused'}},
17 | {path:'**', redirectTo: '', pathMatch: 'full'}
18 | ];
19 |
20 | @NgModule({
21 | imports: [RouterModule.forRoot(routes, { useHash: true })],
22 | exports: [RouterModule]
23 | })
24 | export class AppRoutingModule { }
25 |
--------------------------------------------------------------------------------
/Client/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
3 |
39 |
4 |
38 |
5 |
37 |
6 |
8 | Login
7 |
9 |
35 |
36 | Loading...
2 |
43 |
44 | Your Cart
3 |
4 | Your cart is empty.
5 |
6 |
7 |
8 |
9 |
41 |
42 | | Image | 11 |Product | 12 |Quantity | 13 |Price | 14 |Total | 15 |16 | |
|---|---|---|---|---|---|
| {{ item.productName }} | 22 |23 | 26 | {{ item.quantity }} 27 | 30 | | 31 |{{ item.price | currency:"INR" }} | 32 |{{ (item.quantity * item.price) | currency:"INR" }} | 33 |34 | 37 | | 38 |
45 |
54 |
--------------------------------------------------------------------------------
/Client/src/app/basket/basket.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/basket/basket.component.scss
--------------------------------------------------------------------------------
/Client/src/app/basket/basket.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { BasketService } from './basket.service';
3 | import { Basket, BasketItem } from '../shared/models/basket';
4 |
5 |
6 | @Component({
7 | selector: 'app-basket',
8 | templateUrl: './basket.component.html',
9 | styleUrls: ['./basket.component.scss']
10 | })
11 | export class BasketComponent implements OnInit {
12 | basket: Basket | null = new Basket();
13 | constructor(public basketService: BasketService) {}
14 |
15 | ngOnInit(): void {
16 | this.basketService.basketSubject$.subscribe((basket) => {
17 | this.basket = basket;
18 | });
19 | }
20 |
21 | // Method to extract image name from pictureUrl
22 | extractImageName(item: BasketItem): string | null {
23 | if (item && item.pictureUrl) {
24 | const parts = item.pictureUrl.split('/');
25 | if (parts.length > 0) {
26 | return parts[parts.length - 1]; // Get the last part after the last /
27 | }
28 | }
29 | return null; // Return null if pictureUrl is not valid
30 | }
31 | incrementQuantity(itemId: number) {
32 | this.basketService.incrementItemQuantity(itemId);
33 | }
34 |
35 | decrementQuantity(itemId: number) {
36 | this.basketService.decrementItemQuantity(itemId);
37 | }
38 |
39 | removeItem(itemId: number) {
40 | this.basketService.removeItem(itemId);
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/Client/src/app/basket/basket.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { BasketComponent } from './basket.component';
4 | import { BasketRoutingModule } from './basket-routing.module';
5 | import { SharedModule } from '../shared/shared.module';
6 |
7 |
8 |
9 | @NgModule({
10 | declarations: [BasketComponent],
11 | imports: [
12 | CommonModule,
13 | BasketRoutingModule,
14 | SharedModule
15 | ]
16 | })
17 | export class BasketModule { }
18 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/address/address.component.scss:
--------------------------------------------------------------------------------
1 | .error-message {
2 | color: red;
3 | }
4 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/address/address.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Router } from '@angular/router';
3 | import { FormGroup, FormBuilder, Validators } from '@angular/forms';
4 | import { Address } from 'src/app/shared/models/address';
5 | import { CheckoutComponent } from '../checkout.component';
6 |
7 | @Component({
8 | selector: 'app-address',
9 | templateUrl: './address.component.html',
10 | styleUrls: ['./address.component.scss']
11 | })
12 | export class AddressComponent implements OnInit {
13 | addressForm: FormGroup; // Initialize here
14 |
15 | constructor(
16 | private formBuilder: FormBuilder,
17 | private router: Router,
18 | private checkoutComponent: CheckoutComponent
19 | ) {
20 | this.addressForm = this.formBuilder.group({
21 | Fname: ['', Validators.required],
22 | Lname: ['', Validators.required],
23 | Street: ['', Validators.required],
24 | City: ['', Validators.required],
25 | State: ['', Validators.required],
26 | ZipCode: ['', [Validators.required, Validators.pattern(/^\d{6}$/)]],
27 |
28 | });
29 | }
30 |
31 | ngOnInit(): void {
32 | // You can keep this method empty if there's no additional initialization needed
33 | }
34 |
35 | onSubmit() {
36 | if (this.addressForm.valid) {
37 | const addressData: Address = this.addressForm.value;
38 | // Do something with the submitted address data, e.g., send it to an API
39 | console.log('Submitted Address:', addressData);
40 | }
41 | }
42 | goToNextStep() {
43 | if (this.addressForm.valid) {
44 | // Navigate to the shipment route
45 | this.router.navigate(['/checkout/shipment']);
46 |
47 | // Set the current step in the CheckoutComponent
48 | this.checkoutComponent.setCurrentStep('shipment');
49 | }
50 | }
51 |
52 | }
53 |
54 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/checkout-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 | import { CheckoutComponent } from './checkout.component';
4 | import { canActivate } from '../core/guards/auth.guard';
5 | import { AddressComponent } from './address/address.component';
6 | import { ReviewComponent } from './review/review.component';
7 | import { ShipmentComponent } from './shipment/shipment.component';
8 |
9 | const routes: Routes = [
10 | {
11 | path: '',
12 | component: CheckoutComponent,
13 | canActivate: [canActivate],
14 | children: [
15 | { path: 'address', component: AddressComponent }, // Address step
16 | { path: 'shipment', component: ShipmentComponent }, // Shipment step
17 | { path: 'review', component: ReviewComponent }, // Review step
18 | // Add more steps as needed
19 | { path: '', redirectTo: 'address', pathMatch: 'full' } // Default to the 'address' step
20 | ]
21 | }
22 | ];
23 |
24 | @NgModule({
25 | declarations: [],
26 | imports: [RouterModule.forChild(routes)],
27 | exports: [RouterModule]
28 | })
29 | export class CheckoutRoutingModule {}
30 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/checkout.component.html:
--------------------------------------------------------------------------------
1 |
46 |
53 |
48 |
51 |
52 |
2 |
38 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/checkout.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/checkout/checkout.component.scss
--------------------------------------------------------------------------------
/Client/src/app/checkout/checkout.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-checkout',
5 | templateUrl: './checkout.component.html',
6 | styleUrls: ['./checkout.component.scss']
7 | })
8 | export class CheckoutComponent {
9 | currentStep: 'address' | 'shipment' | 'review' = 'address';
10 |
11 | setCurrentStep(step: 'address' | 'shipment' | 'review') {
12 | this.currentStep = step;
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/checkout.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { CheckoutComponent } from './checkout.component';
4 | import { CheckoutRoutingModule } from './checkout-routing.module';
5 | import { SharedModule } from '../shared/shared.module';
6 | import { AddressComponent } from './address/address.component';
7 | import { ShipmentComponent } from './shipment/shipment.component';
8 | import { ReviewComponent } from './review/review.component';
9 |
10 |
11 |
12 | @NgModule({
13 | declarations: [
14 | CheckoutComponent,
15 | AddressComponent,
16 | ShipmentComponent,
17 | ReviewComponent
18 | ],
19 | imports: [
20 | CommonModule,
21 | CheckoutRoutingModule,
22 | SharedModule,
23 | ]
24 | })
25 | export class CheckoutModule { }
26 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/checkout.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | @Injectable({
4 | providedIn: 'root'
5 | })
6 | export class CheckoutService {
7 |
8 | constructor() { }
9 | }
10 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/review/review.component.html:
--------------------------------------------------------------------------------
1 |
3 |
37 |
4 |
5 |
16 |
17 |
18 |
32 |
19 |
21 |
22 |
23 |
24 |
26 |
27 |
28 |
29 |
31 |
33 |
34 |
36 |
2 |
33 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/review/review.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/checkout/review/review.component.scss
--------------------------------------------------------------------------------
/Client/src/app/checkout/review/review.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Router } from '@angular/router';
3 | import { BasketService } from 'src/app/basket/basket.service';
4 | import { Basket, BasketItem } from 'src/app/shared/models/basket';
5 |
6 |
7 | @Component({
8 | selector: 'app-review',
9 | templateUrl: './review.component.html',
10 | styleUrls: ['./review.component.scss']
11 | })
12 | export class ReviewComponent implements OnInit {
13 | basket: Basket | null = new Basket();
14 |
15 | constructor(public basketService: BasketService, private router: Router) {}
16 |
17 | ngOnInit(): void {
18 | this.basketService.basketSubject$.subscribe((basket) => {
19 | this.basket = basket;
20 | });
21 | }
22 |
23 | // Method to extract image name from pictureUrl
24 | extractImageName(item: BasketItem): string | null {
25 | if (item && item.pictureUrl) {
26 | const parts = item.pictureUrl.split('/');
27 | if (parts.length > 0) {
28 | return parts[parts.length - 1];
29 | }
30 | }
31 | return null;
32 | }
33 |
34 | submitOrder(): void {
35 | this.basketService.clearBasket();
36 | this.router.navigate(['/store']);
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/shipment/shipment.component.html:
--------------------------------------------------------------------------------
1 | Your Items
3 |
4 |
5 |
6 |
24 |
25 |
26 |
27 | | Image | 8 |Product | 9 |Quantity | 10 |Price | 11 |Total | 12 |
|---|---|---|---|---|
| {{ item.productName }} | 18 |{{ item.quantity }} | 19 |{{ item.price | currency:"INR" }} | 20 |{{ (item.quantity * item.price) | currency:"INR" }} | 21 |
28 |
31 |
32 |
2 |
35 |
--------------------------------------------------------------------------------
/Client/src/app/checkout/shipment/shipment.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/checkout/shipment/shipment.component.scss
--------------------------------------------------------------------------------
/Client/src/app/core/connection-refused/connection-refused.component.html:
--------------------------------------------------------------------------------
1 | Select Delivery Method
3 |
4 |
31 |
34 |
5 |
30 |
6 |
29 |
7 |
28 | {{ option.name }}
8 |{{ option.description }}
9 |10 | Delivery Time: {{ option.deliveryTime }} 11 |
12 |13 | Price: {{ option.price | currency: 'INR' }} 14 |
15 |
16 |
25 |
26 |
27 |
2 |
18 |
--------------------------------------------------------------------------------
/Client/src/app/core/connection-refused/connection-refused.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/core/connection-refused/connection-refused.component.scss
--------------------------------------------------------------------------------
/Client/src/app/core/connection-refused/connection-refused.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-connection-refused',
5 | templateUrl: './connection-refused.component.html',
6 | styleUrls: ['./connection-refused.component.scss']
7 | })
8 | export class ConnectionRefusedComponent {
9 |
10 | }
11 |
--------------------------------------------------------------------------------
/Client/src/app/core/core.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { NavBarComponent } from './nav-bar/nav-bar.component';
4 | import { RouterModule } from '@angular/router';
5 | import { NotFoundComponent } from './not-found/not-found.component';
6 | import { ServerErrorComponent } from './server-error/server-error.component';
7 | import { ConnectionRefusedComponent } from './connection-refused/connection-refused.component';
8 | import { ToastrModule } from 'ngx-toastr';
9 | import { SectionHeaderComponent } from './section-header/section-header.component';
10 | import { BreadcrumbModule } from 'xng-breadcrumb';
11 |
12 |
13 | @NgModule({
14 | declarations: [
15 | NavBarComponent,
16 | NotFoundComponent,
17 | ServerErrorComponent,
18 | ConnectionRefusedComponent,
19 | SectionHeaderComponent
20 | ],
21 | imports: [
22 | CommonModule,
23 | RouterModule,
24 | ToastrModule.forRoot({
25 | positionClass: 'toast-bottom-right',
26 | preventDuplicates: true
27 | }),
28 | BreadcrumbModule
29 | ],
30 | exports:[
31 | NavBarComponent,
32 | NotFoundComponent,
33 | ServerErrorComponent,
34 | ConnectionRefusedComponent,
35 | SectionHeaderComponent
36 | ]
37 | })
38 | export class CoreModule { }
39 |
--------------------------------------------------------------------------------
/Client/src/app/core/guards/auth.guard.ts:
--------------------------------------------------------------------------------
1 | import { inject } from '@angular/core';
2 | import { ActivatedRouteSnapshot, CanActivateFn, Router, RouterStateSnapshot, UrlTree } from '@angular/router';
3 | import { Observable } from 'rxjs';
4 | import { AccountService } from 'src/app/account/account.service';
5 |
6 | export const canActivate: CanActivateFn = (
7 | route: ActivatedRouteSnapshot,
8 | state: RouterStateSnapshot
9 | ) => {
10 | const accountService = inject(AccountService);
11 | const router = inject(Router);
12 |
13 | if (accountService.isAuthenticated()) {
14 | return true;
15 | } else {
16 | // Store the attempted URL for redirecting
17 | accountService.redirectUrl = state.url;
18 | // Redirect to the login page with the return URL
19 | return router.createUrlTree(['/account/login'], {
20 | queryParams: { returnUrl: state.url }
21 | });
22 | }
23 | };
24 |
25 |
26 |
--------------------------------------------------------------------------------
/Client/src/app/core/interceptor/error.interceptor.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import {
3 | HttpRequest,
4 | HttpHandler,
5 | HttpEvent,
6 | HttpInterceptor,
7 | HttpErrorResponse,
8 | } from '@angular/common/http';
9 | import { Observable } from 'rxjs';
10 | import { catchError } from 'rxjs/operators';
11 | import { Router } from '@angular/router';
12 | import { ToastrService } from 'ngx-toastr'; // Import ToastrService
13 |
14 | @Injectable()
15 | export class ErrorInterceptor implements HttpInterceptor {
16 | constructor(private router: Router, private toastr: ToastrService) {}
17 |
18 | intercept(
19 | request: HttpRequest
3 |
17 |
4 |
5 |
6 |
7 |
8 |
16 | Connection Refused
9 | 10 | 11 |We're sorry, but we couldn't establish a connection to the server at the moment. Please try again later.
12 | 13 | 14 | 15 |
2 |
13 |
--------------------------------------------------------------------------------
/Client/src/app/core/not-found/not-found.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/core/not-found/not-found.component.scss
--------------------------------------------------------------------------------
/Client/src/app/core/not-found/not-found.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-not-found',
5 | templateUrl: './not-found.component.html',
6 | styleUrls: ['./not-found.component.scss']
7 | })
8 | export class NotFoundComponent {
9 |
10 | }
11 |
--------------------------------------------------------------------------------
/Client/src/app/core/section-header/section-header.component.html:
--------------------------------------------------------------------------------
1 |
3 |
12 |
4 | 
7 |
11 | Page Not Found
5 |Sorry, the page you are looking for does not exist.
6 |
7 |
8 |
9 |
10 |
4 |
13 |
5 |
12 |
6 |
8 | {{breadcrumbs[breadcrumbs.length-1].label}}
7 |
9 |
11 |
2 |
13 |
--------------------------------------------------------------------------------
/Client/src/app/core/server-error/server-error.component.scss:
--------------------------------------------------------------------------------
1 | .error-title {
2 | font-size: 36px;
3 | font-weight: bold;
4 | margin-bottom: 20px;
5 | color: #f00; /* Red color for error message */
6 | }
7 |
8 | .error-description {
9 | font-size: 18px;
10 | margin-bottom: 20px;
11 | }
12 |
13 | .error-image {
14 | max-width: 100%;
15 | margin-bottom: 20px;
16 | }
17 |
18 | .go-back-button {
19 | background: #007bff;
20 | color: #fff;
21 | border: none;
22 | border-radius: 5px;
23 | padding: 10px 20px;
24 | font-size: 18px;
25 | cursor: pointer;
26 |
27 | &:hover {
28 | background: #0056b3;
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/Client/src/app/core/server-error/server-error.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-server-error',
5 | templateUrl: './server-error.component.html',
6 | styleUrls: ['./server-error.component.scss']
7 | })
8 | export class ServerErrorComponent {
9 |
10 | }
11 |
--------------------------------------------------------------------------------
/Client/src/app/core/services/loading.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { NgxSpinnerService } from 'ngx-spinner';
3 |
4 | @Injectable({
5 | providedIn: 'root'
6 | })
7 | export class LoadingService {
8 | loadingReqCount = 0;
9 | constructor(private spinnerService: NgxSpinnerService) { }
10 |
11 | loading(){
12 | this.loadingReqCount++;
13 | this.spinnerService.show();
14 | }
15 | idle(){
16 | this.loadingReqCount--;
17 | if(this.loadingReqCount<=0){
18 | this.loadingReqCount = 0;
19 | this.spinnerService.hide();
20 | }
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/Client/src/app/home/home.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/home/home.component.scss
--------------------------------------------------------------------------------
/Client/src/app/home/home.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-home',
5 | templateUrl: './home.component.html',
6 | styleUrls: ['./home.component.scss']
7 | })
8 | export class HomeComponent {
9 |
10 | }
11 |
--------------------------------------------------------------------------------
/Client/src/app/home/home.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { HomeComponent } from './home.component';
4 | import { SharedModule } from '../shared/shared.module';
5 |
6 |
7 |
8 | @NgModule({
9 | declarations: [
10 | HomeComponent
11 | ],
12 | imports: [
13 | CommonModule,
14 | SharedModule
15 | ],
16 | exports:[
17 | HomeComponent
18 | ]
19 | })
20 | export class HomeModule { }
21 |
--------------------------------------------------------------------------------
/Client/src/app/shared/components/pagination-header/pagination-header.component.html:
--------------------------------------------------------------------------------
1 |
3 |
12 |
4 | 
7 |
11 | Server Error
5 |Oops! Something went wrong. We apologize for the inconvenience.
6 |
7 |
8 |
9 |
10 |
2 |
4 |
5 |
19 |
20 |
--------------------------------------------------------------------------------
/Client/src/app/shared/order-totals/order-totals.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/app/shared/order-totals/order-totals.component.scss
--------------------------------------------------------------------------------
/Client/src/app/shared/order-totals/order-totals.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { BasketService } from 'src/app/basket/basket.service';
3 |
4 | @Component({
5 | selector: 'app-order-totals',
6 | templateUrl: './order-totals.component.html',
7 | styleUrls: ['./order-totals.component.scss']
8 | })
9 | export class OrderTotalsComponent {
10 | constructor(public basketService: BasketService){}
11 |
12 | // Create a method to update shipment price and total
13 | updateShipmentAndTotal(): void {
14 | this.basketService.calculateShippingAndTotal();
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/Client/src/app/shared/shared.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { MatInputModule } from '@angular/material/input';
3 | import { CommonModule } from '@angular/common';
4 | import { PaginationModule } from 'ngx-bootstrap/pagination';
5 | import { PaginationHeaderComponent } from './components/pagination-header/pagination-header.component';
6 | import { PaginationComponent } from './components/pagination/pagination.component';
7 | import { FormsModule, ReactiveFormsModule } from '@angular/forms';
8 | import { CarouselModule } from 'ngx-bootstrap/carousel';
9 | import { OrderTotalsComponent } from './order-totals/order-totals.component';
10 |
11 | @NgModule({
12 | declarations: [
13 | PaginationHeaderComponent,
14 | PaginationComponent,
15 | OrderTotalsComponent
16 | ],
17 | imports: [
18 | CommonModule,
19 | FormsModule,
20 | ReactiveFormsModule,
21 | CarouselModule.forRoot(),
22 | PaginationModule.forRoot(),
23 | MatInputModule
24 | ],
25 | exports:[
26 | PaginationHeaderComponent,
27 | PaginationComponent,
28 | OrderTotalsComponent,
29 | PaginationModule,
30 | CarouselModule,
31 | FormsModule,
32 | ReactiveFormsModule,
33 | MatInputModule
34 | ]
35 | })
36 | export class SharedModule { }
37 |
--------------------------------------------------------------------------------
/Client/src/app/store/product-details/product-details.component.html:
--------------------------------------------------------------------------------
1 | Order Summary
3 || Subtotal: | 7 |{{ basketTotal.subtotal | currency:"INR" }} | 8 |
| Shipping: | 11 |{{ basketTotal.shipping | currency:"INR" }} | 12 |
| Total: | 15 |{{ basketTotal.total | currency:"INR" }} | 16 |
2 |
44 |
--------------------------------------------------------------------------------
/Client/src/app/store/product-details/product-details.component.scss:
--------------------------------------------------------------------------------
1 | .product-image-container {
2 | text-align: center;
3 | }
4 |
5 | .product-image {
6 | max-width: 100%;
7 | border: 1px solid #ddd;
8 | border-radius: 5px;
9 | padding: 10px;
10 | }
11 |
12 | .product-title {
13 | font-size: 24px;
14 | font-weight: bold;
15 | margin-bottom: 10px;
16 | }
17 |
18 | .product-description {
19 | font-size: 16px;
20 | margin-bottom: 20px;
21 | }
22 |
23 | .product-info {
24 | margin-bottom: 20px;
25 | }
26 |
27 | .product-info-item {
28 | display: flex;
29 | align-items: center;
30 | margin-bottom: 10px;
31 |
32 | strong {
33 | margin-right: 10px;
34 | }
35 | }
36 |
37 | .product-price {
38 | font-weight: bold;
39 | font-size: 18px;
40 | }
41 |
42 | .quantity-control {
43 | display: flex;
44 | align-items: center;
45 |
46 | strong {
47 | margin-right: 10px;
48 | }
49 |
50 | .quantity-button {
51 | background: #007bff;
52 | color: #fff;
53 | border: none;
54 | padding: 5px 10px;
55 | border-radius: 5px;
56 | cursor: pointer;
57 | font-size: 18px;
58 |
59 | i {
60 | font-size: 16px;
61 | }
62 | }
63 |
64 | .quantity {
65 | font-size: 18px;
66 | font-weight: bold;
67 | margin: 0 10px;
68 | }
69 | }
70 |
71 | .add-to-cart-button {
72 | background: #28a745;
73 | color: #fff;
74 | border: none;
75 | border-radius: 5px;
76 | padding: 10px 20px;
77 | font-size: 18px;
78 | cursor: pointer;
79 | margin-right: 10px;
80 |
81 | &:hover {
82 | background: #218838;
83 | }
84 | }
85 |
86 | .go-back-button {
87 | background: #6c757d;
88 | color: #fff;
89 | border: none;
90 | border-radius: 5px;
91 | padding: 10px 20px;
92 | font-size: 18px;
93 | cursor: pointer;
94 |
95 | &:hover {
96 | background: #5a6268;
97 | }
98 | }
99 |
--------------------------------------------------------------------------------
/Client/src/app/store/product-details/product-details.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { StoreService } from '../store.service';
3 | import { ActivatedRoute } from '@angular/router';
4 | import { Product } from 'src/app/shared/models/Product';
5 | import { BreadcrumbService } from 'xng-breadcrumb';
6 | import { ToastrService } from 'ngx-toastr';
7 | import { BasketService } from 'src/app/basket/basket.service';
8 |
9 | @Component({
10 | selector: 'app-product-details',
11 | templateUrl: './product-details.component.html',
12 | styleUrls: ['./product-details.component.scss']
13 | })
14 | export class ProductDetailsComponent implements OnInit {
15 | product?: Product;
16 | quantity: number = 1;
17 | constructor(
18 | private storeService: StoreService,
19 | private activatedRoute: ActivatedRoute,
20 | private breadCrumbService: BreadcrumbService,
21 | private toastr: ToastrService,
22 | private basketService: BasketService
23 | ){}
24 |
25 | ngOnInit(): void {
26 | this.loadProduct();
27 | }
28 |
29 | loadProduct(){
30 | const id = this.activatedRoute.snapshot.paramMap.get('id');
31 | if(id){
32 | this.storeService.getProduct(+id).subscribe({
33 | next: product =>{
34 | this.product = product;
35 | this.breadCrumbService.set('@productName', product.name);
36 | },
37 | error: error => console.log(error)
38 | });
39 | }
40 | }
41 |
42 | addToCart() {
43 | if (this.product) {
44 | this.basketService.addItemToBasket(this.product, this.quantity);
45 | this.toastr.success('Item added to cart');
46 | }
47 | }
48 |
49 |
50 | // Method to extract image name from pictureUrl
51 | extractImageName(): string | null {
52 | if (this.product && this.product.pictureUrl) {
53 | const parts = this.product.pictureUrl.split('/');
54 | if (parts.length > 0) {
55 | return parts[parts.length - 1]; // Get the last part after the last /
56 | }
57 | }
58 | return null; // Return null if pictureUrl is not valid
59 | }
60 |
61 | // Method to increment the quantity
62 | incrementQuantity() {
63 | this.quantity++;
64 | }
65 |
66 | // Method to decrement the quantity (prevent negative values)
67 | decrementQuantity() {
68 | if (this.quantity > 1) {
69 | this.quantity--;
70 | }
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/Client/src/app/store/product-item/product-item.component.html:
--------------------------------------------------------------------------------
1 |
3 |
43 |
4 |
5 |
9 |
6 | ![]()
7 |
8 |
10 |
11 |
42 | {{ product.name }}
12 |{{ product.description }}
13 |
14 |
38 |
39 |
40 |
41 |
15 | Price:
16 | {{ product.price | currency: 'INR' }}
17 |
18 |
19 | Brand:
20 | {{ product.productBrand }}
21 |
22 |
23 | Type:
24 | {{ product.productType }}
25 |
26 |
27 |
28 | Quantity:
29 |
32 | {{ quantity }}
33 |
36 |
37 |
2 |
16 |
--------------------------------------------------------------------------------
/Client/src/app/store/product-item/product-item.component.scss:
--------------------------------------------------------------------------------
1 | .btn {
2 | width: 30%;
3 | height: 40px;
4 | }
5 |
6 | .image :hover {
7 | opacity: 1;
8 | & button {
9 | transform: none;
10 | opacity: 1;
11 | }
12 | }
13 |
14 | .hover-overlay {
15 | position: absolute;
16 | width: 100%;
17 | height: 100%;
18 | top: 0;
19 | left: 0;
20 | background: rgba(255, 255, 255, 0.5);
21 | opacity: 0;
22 | transition: all 0.5s;
23 |
24 | & button {
25 | z-index: 1000;
26 | transition: all 0.5s;
27 | }
28 |
29 | & button:first-of-type {
30 | transform: translateX(-20px);
31 | }
32 |
33 | & button:last-of-type {
34 | transform: translateX(20px);
35 | }
36 | }
--------------------------------------------------------------------------------
/Client/src/app/store/product-item/product-item.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input } from '@angular/core';
2 | import { BasketService } from 'src/app/basket/basket.service';
3 | import { Product } from 'src/app/shared/models/Product';
4 |
5 |
6 | @Component({
7 | selector: 'app-product-item',
8 | templateUrl: './product-item.component.html',
9 | styleUrls: ['./product-item.component.scss'],
10 | })
11 | export class ProductItemComponent {
12 | @Input() product: Product | null = null;
13 |
14 | constructor(private baseketService: BasketService){}
15 |
16 | // Method to extract image name from pictureUrl
17 | extractImageName(): string | null {
18 | if (this.product && this.product.pictureUrl) {
19 | const parts = this.product.pictureUrl.split('/');
20 | if (parts.length > 0) {
21 | return parts[parts.length - 1]; // Get the last part after the last /
22 | }
23 | }
24 | return null; // Return null if pictureUrl is not valid
25 | }
26 |
27 | addItemToBasket(){
28 | this.product && this.baseketService.addItemToBasket(this.product);
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/Client/src/app/store/store-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 | import { ProductDetailsComponent } from './product-details/product-details.component';
4 | import { StoreComponent } from './store.component';
5 |
6 | const routes: Routes = [
7 |
8 | {path:'', component:StoreComponent},
9 | {path:':id', component:ProductDetailsComponent, data:{breadcrumb:{alias: 'productName'}}},
10 | ]
11 |
12 | @NgModule({
13 | declarations: [],
14 | imports: [
15 | RouterModule.forChild(routes)
16 | ],
17 | exports:[
18 | RouterModule
19 | ]
20 | })
21 | export class StoreRoutingModule { }
22 |
--------------------------------------------------------------------------------
/Client/src/app/store/store.component.scss:
--------------------------------------------------------------------------------
1 | .filters {
2 | h3 {
3 | font-weight: bold;
4 | }
5 |
6 | .list-group-item {
7 | cursor: pointer;
8 | border: none;
9 | border-left: 4px solid transparent;
10 | border-radius: 0;
11 | padding: 10px 20px;
12 |
13 | &:hover {
14 | background-color: #f8f9fa;
15 | }
16 |
17 | &.active {
18 | border-color: #10278f; /* Change the highlight border color */
19 | background-color: #2146cb; /* Change the highlight background color */
20 | }
21 |
22 | &.active:hover {
23 | background-color: #c4e2ce; /* Change the hover color for active items */
24 | }
25 |
26 | .list-group-item-text {
27 | /* Ensure text remains visible */
28 | color: #333; /* Change the text color */
29 | }
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/Client/src/app/store/store.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 | import { StoreComponent } from './store.component';
4 | import { ProductItemComponent } from './product-item/product-item.component';
5 | import { FormsModule } from '@angular/forms';
6 | import { SharedModule } from '../shared/shared.module';
7 | import { ProductDetailsComponent } from './product-details/product-details.component';
8 | import { StoreRoutingModule } from './store-routing.module';
9 |
10 | @NgModule({
11 | declarations: [
12 | StoreComponent,
13 | ProductItemComponent,
14 | ProductDetailsComponent
15 | ],
16 | imports: [
17 | CommonModule,
18 | StoreRoutingModule,
19 | FormsModule,
20 | SharedModule
21 | ]
22 | })
23 | export class StoreModule { }
24 |
--------------------------------------------------------------------------------
/Client/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Client/src/assets/images/bslide1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/bslide1.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/bslide2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/bslide2.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/bslide3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/bslide3.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/connection-refused.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/connection-refused.png
--------------------------------------------------------------------------------
/Client/src/assets/images/hero1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/hero1.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/hero2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/hero2.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/hero3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/hero3.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/hero4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/hero4.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/hero5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/hero5.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/hero6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/hero6.jpg
--------------------------------------------------------------------------------
/Client/src/assets/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/logo.png
--------------------------------------------------------------------------------
/Client/src/assets/images/page-not-found.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/page-not-found.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/Nike-Football-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/Nike-Football-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/Nike-Football-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/Nike-Football-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/Nike-Football-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/Nike-Football-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/adidas_football-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/adidas_football-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/adidas_football-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/adidas_football-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/adidas_football-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/adidas_football-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/adidas_shoe-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/adidas_shoe-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/adidas_shoe-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/adidas_shoe-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/adidas_shoe-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/adidas_shoe-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/asics_shoe-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/asics_shoe-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/asics_shoe-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/asics_shoe-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/asics_shoe-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/asics_shoe-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat-kitback-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat-kitback-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat-kitback-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat-kitback-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat-kitback-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat-kitback-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat-racket-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat-racket-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat-racket-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat-racket-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat-racket-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat-racket-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat_shoe-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat_shoe-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat_shoe-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat_shoe-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/babolat_shoe-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/babolat_shoe-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/puma_shoe-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/puma_shoe-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/puma_shoe-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/puma_shoe-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/puma_shoe-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/puma_shoe-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/victor-racket-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/victor-racket-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/victor-racket-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/victor-racket-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/victor-racket-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/victor-racket-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/victor_shoe-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/victor_shoe-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/victor_shoe-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/victor_shoe-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-badminton-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-badminton-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-badminton-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-badminton-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-badminton-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-badminton-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-kitback-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-kitback-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-kitback-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-kitback-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-kitback-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-kitback-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-racket-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-racket-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-racket-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-racket-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex-racket-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex-racket-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex_shoe-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex_shoe-1.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex_shoe-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex_shoe-2.png
--------------------------------------------------------------------------------
/Client/src/assets/images/products/yonex_shoe-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/products/yonex_shoe-3.png
--------------------------------------------------------------------------------
/Client/src/assets/images/server-error.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/assets/images/server-error.png
--------------------------------------------------------------------------------
/Client/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rahulsahay19/dotnet-angular-chatgpt/90a2f47aaf2ceb466d5200bf5b58b8be36be46ea/Client/src/favicon.ico
--------------------------------------------------------------------------------
/Client/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
3 | ![]()
4 |
15 |
5 |
14 | {{ product.name }}
6 |Price: {{ product.price | currency:"INR" }}
7 | 8 | 9 |
10 |
11 |
12 |
13 |