feat(askhat-bull): Application clone

.vscode/settings.json

@@ -10,5 +10,6 @@
 "eslint.validate": [
     "json"
 ],
-"angular.enable-strict-mode-prompt": false
+"angular.enable-strict-mode-prompt": false,
+"angular.log": "verbose"
 }

apps/akshat-bullion-clone/.eslintrc.json

@@ -0,0 +1,36 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "akshatBullApp",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "akshat-bull-app",
+            "style": "kebab-case"
+          }
+        ]
+      },
+      "extends": [
+        "plugin:@nrwl/nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ]
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nrwl/nx/angular-template"],
+      "rules": {}
+    }
+  ]
+}

apps/akshat-bullion-clone/jest.config.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+export default {
+  displayName: 'akshat-bullion-clone',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+      stringifyContentPathRegex: '\\.(html|svg)$',
+    },
+  },
+  coverageDirectory: '../../coverage/apps/akshat-bullion-clone',
+  transform: {
+    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
+  },
+  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+  snapshotSerializers: [
+    'jest-preset-angular/build/serializers/no-ng-attributes',
+    'jest-preset-angular/build/serializers/ng-snapshot',
+    'jest-preset-angular/build/serializers/html-comment',
+  ],
+};

apps/akshat-bullion-clone/project.json

@@ -0,0 +1,100 @@
+{
+  "name": "akshat-bullion-clone",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "apps/akshat-bullion-clone/src",
+  "prefix": "Akshat-bull-app",
+  "targets": {
+    "build": {
+      "executor": "@angular-devkit/build-angular:browser",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/apps/akshat-bullion-clone",
+        "index": "apps/akshat-bullion-clone/src/index.html",
+        "main": "apps/akshat-bullion-clone/src/main.ts",
+        "polyfills": ["zone.js"],
+        "tsConfig": "apps/akshat-bullion-clone/tsconfig.app.json",
+        "inlineStyleLanguage": "scss",
+        "assets": [
+          "apps/akshat-bullion-clone/src/favicon.ico",
+          "apps/akshat-bullion-clone/src/assets"
+        ],
+        "styles": ["apps/akshat-bullion-clone/src/styles.scss"],
+        "scripts": []
+      },
+      "configurations": {
+        "production": {
+          "budgets": [
+            {
+              "type": "initial",
+              "maximumWarning": "500kb",
+              "maximumError": "5mb"
+            },
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "2kb",
+              "maximumError": "4kb"
+            }
+          ],
+          "outputHashing": "all"
+        },
+        "development": {
+          "buildOptimizer": false,
+          "optimization": false,
+          "vendorChunk": true,
+          "extractLicenses": false,
+          "sourceMap": true,
+          "namedChunks": true
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "serve": {
+      "executor": "@angular-devkit/build-angular:dev-server",
+      "configurations": {
+        "production": {
+          "browserTarget": "akshat-bullion-clone:build:production"
+        },
+        "development": {
+          "browserTarget": "akshat-bullion-clone:build:development"
+        }
+      },
+      "defaultConfiguration": "development",
+      "options": {
+        "port": 5554,
+        "host": "0.0.0.0"
+      }
+    },
+    "extract-i18n": {
+      "executor": "@angular-devkit/build-angular:extract-i18n",
+      "options": {
+        "browserTarget": "akshat-bullion-clone:build"
+      }
+    },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": [
+          "apps/akshat-bullion-clone/**/*.ts",
+          "apps/akshat-bullion-clone/**/*.html"
+        ]
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "apps/akshat-bullion-clone/jest.config.ts",
+        "passWithNoTests": true
+      },
+      "configurations": {
+        "ci": {
+          "ci": true,
+          "codeCoverage": true
+        }
+      }
+    }
+  },
+  "tags": ["service"]
+}

apps/akshat-bullion-clone/src/app/about-us/about-us.component.html

@@ -0,0 +1,15 @@
+<div class="about_us font relative h-full w-full mr-auto ml-auto flex justify-center items-center bg-no-repeat bg-center">
+  <div class="background_img">
+<img class="absolute top-1/2 left-1/2 opacity-20 translate-x-[-50%] translate-y-[-50%]" src="{{images.background_logo}}" alt="background_logo">
+    <div class="main w-full py-[30px] px-[10%]">
+      <div *ngFor="let item of data" class="main_container my-[20px] rounded-[6px] py-[10px] px-[20px]">
+      <h2 class="w-full text-center m-0 text-[24px] uppercase mb-[10px] border-b-[var(--primary-light)] border-b text-[var(--primary-light)] pb-[4px]">
+        <span>{{ item.tittle }}</span>
+      </h2>
+      <p *ngFor="let para of item.content" class="text-justify text-[16px] text-[#fff] tracking-normal Roboto leading-[20px] mb-[15px]">
+        {{ para }}
+      </p>
+    </div>
+  </div>
+  </div>
+</div>

apps/akshat-bullion-clone/src/app/about-us/about-us.component.scss

@@ -0,0 +1,16 @@
+.main_container {
+  box-shadow: inset -2px -2px 5px #ffffff80, inset 3px 3px 5px #ffffff12;
+}
+.about_us {
+  overflow-y: hidden; 
+  overflow-x: hidden; 
+}
+.about_us {
+  background: rgba(0, 0, 0, 0.4);
+}
+
+@media screen and (max-width: 800px) {
+  .main {
+    padding-bottom: 110px;
+  }
+}

apps/akshat-bullion-clone/src/app/about-us/about-us.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AboutusComponent } from './about-us.component';
+
+describe('AboutusComponent', () => {
+  let component: AboutusComponent;
+  let fixture: ComponentFixture<AboutusComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AboutusComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AboutusComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

apps/akshat-bullion-clone/src/app/about-us/about-us.component.ts

@@ -0,0 +1,62 @@
+import { Component} from '@angular/core';
+import { NgFor } from '@angular/common';
+import { RouterOutlet } from '@angular/router';
+interface components {
+  tittle: string;
+  content: string[];
+}
+@Component({
+  selector: 'akshat-bull-app-about-us',
+  standalone: true,
+  imports: [RouterOutlet, NgFor],
+  templateUrl: './about-us.component.html',
+  styleUrls: ['./about-us.component.scss'],
+})
+export class AboutusComponent {
+  images={
+    background_logo:'/assets/images/Logo.svg',
+  }; 
+    data: components[] = [
+    {
+      tittle: `WELCOME TO Akshat Bullion`,
+      content: [
+        `Akshat Bullion was founded in 2018 by Akshat Shah who is doing business
+      for many year. Blend of his passion and experience in the Gold
+      & Silver industry have created the organization with customer
+      oriented. It is located in the heart city of Ahmedabad.`,
+        `Our young, dynamic and qualified operation team to deliver impeccable
+    service to the clients. This is what drives our organization to succeed
+    and has drawn hundreds of prestigious customers to put immense trust and
+    faith in our business.`,
+      ],
+    },
+    {
+      tittle: `STRENGTH`,
+      content: [
+        `We believe delivery on time and transparent trade policies made possible
+        to achieve the important place in the business within the short span of
+        time. In the competitive arena Akshat Bullion obliged to satisfy its
+        customer and suppliers.`,
+        `Our young, dynamic and qualified operation team to deliver impeccable
+        service to the clients. This is what drives our organization to succeed
+        and has drawn hundreds of prestigious customers to put immense trust and
+        faith in our business.`,
+      ]
+    },
+    {
+      tittle: `VISION`,
+      content: [
+        `Our company is having vision of expanding its presence very soon in the
+        refinery segment with own brand named as Akshat Bullion. In order to
+        serve you better and reach a wider network, we have focused to launch
+        our outlets all over the region.`,
+      ]
+    },
+    {
+      tittle: `MANAGEMENT TEAM`,
+      content: [
+        `Akshat Shah – Owner`,
+      ]
+    },
+  ];
+}

apps/akshat-bullion-clone/src/app/app.component.html

@@ -0,0 +1,10 @@
+<div class="main flex justify-center">
+    <div class="backgroundimg">
+        <div class="img_parent">
+            <img class="object-cover" src="../assets/images/background.png" alt="">
+        </div>
+    </div>
+    <div class="w-full main-container">
+        <router-outlet></router-outlet>
+    </div>
+</div>

apps/akshat-bullion-clone/src/app/app.component.scss

@@ -0,0 +1,51 @@
+::-webkit-scrollbar {
+    width: 0;
+}
+
+.main {
+    height: 100vh;
+    // width: 100vw;
+    overflow: auto;
+    position: relative;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-repeat: no-repeat;
+
+}
+
+.backgroundimg {
+    position: fixed;
+    z-index: -5;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    background-image: url('/assets/images/background.png') no-repeat;
+}
+
+.img_parent {
+    height: 100%;
+    width: 100%;
+    position: relative;
+    background-color: #000;
+
+    img {
+        height: 100%;
+        width: 100%;
+        position: absolute;
+        top: 0;
+        left: 50%;
+        transform: translate(-50%);
+        object-fit: cover;
+    }
+}
+
+.main {
+
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    overflow-y: scroll;
+}

apps/akshat-bullion-clone/src/app/app.component.spec.ts

@@ -0,0 +1,32 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+import { RouterTestingModule } from '@angular/router/testing';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AppComponent, RouterTestingModule],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'akshat-bullion-clone'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('akshat-bullion-clone');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain(
+      'Welcome akshat-bullion-clone'
+    );
+  });
+});