feat(shiv-bull): Shiv Bullion 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/shiv-bull-clone/.eslintrc.json

@@ -0,0 +1,36 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "shivBullApp",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "shiv-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/shiv-bull-clone/jest.config.ts

@@ -0,0 +1,23 @@
+/* eslint-disable */
+export default {
+  displayName: 'shiv-bull-clone',
+  preset: '../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  globals: {},
+  coverageDirectory: '../../coverage/apps/shiv-bull-clone',
+  transform: {
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
+  },
+  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/shiv-bull-clone/project.json

@@ -0,0 +1,100 @@
+{
+  "name": "shiv-bull-clone",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "apps/shiv-bull-clone/src",
+  "prefix": "shiv-bull-app",
+  "targets": {
+    "build": {
+      "executor": "@angular-devkit/build-angular:browser",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/apps/shiv-bull-clone",
+        "index": "apps/shiv-bull-clone/src/index.html",
+        "main": "apps/shiv-bull-clone/src/main.ts",
+        "polyfills": ["zone.js"],
+        "tsConfig": "apps/shiv-bull-clone/tsconfig.app.json",
+        "inlineStyleLanguage": "scss",
+        "assets": [
+          "apps/shiv-bull-clone/src/favicon.ico",
+          "apps/shiv-bull-clone/src/assets"
+        ],
+        "styles": ["apps/shiv-bull-clone/src/styles.scss"],
+        "scripts": []
+      },
+      "configurations": {
+        "production": {
+          "budgets": [
+            {
+              "type": "initial",
+              "maximumWarning": "500kb",
+              "maximumError": "1mb"
+            },
+            {
+              "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": "shiv-bull-clone:build:production"
+        },
+        "development": {
+          "browserTarget": "shiv-bull-clone:build:development"
+        }
+      },
+      "defaultConfiguration": "development",
+      "options": {
+        "port": 5555,
+        "host": "0.0.0.0"
+      }
+    },
+    "extract-i18n": {
+      "executor": "@angular-devkit/build-angular:extract-i18n",
+      "options": {
+        "browserTarget": "shiv-bull-clone:build"
+      }
+    },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": [
+          "apps/shiv-bull-clone/**/*.ts",
+          "apps/shiv-bull-clone/**/*.html"
+        ]
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "apps/shiv-bull-clone/jest.config.ts",
+        "passWithNoTests": true
+      },
+      "configurations": {
+        "ci": {
+          "ci": true,
+          "codeCoverage": true
+        }
+      }
+    }
+  },
+  "tags": []
+}

apps/shiv-bull-clone/src/app/about/about.component.html

@@ -0,0 +1,22 @@
+<div class="flex w-full justify-center text-16px pb-6">
+  <div class="flex flex-col w-[90%] px-4 mb-4">
+    <div class="header text-center font-bold text-[28px]">
+      <h2 class="text-[var(--primary-dark)]">ABOUT US</h2>
+    </div>
+    <div *ngFor="let item of data"
+      class="welcome philosopher mb-[10px] p-6 border-[var(--primary-dark)] rounded-[8px] border-2 bg-[var(--header-bg)]"
+    >
+
+
+      <h2 class="text-[24px] border-b-[1px] border-[#bc9039]">
+        {{item.tittle}}
+      </h2>
+      <hr class="w-[15%] max-w-[90px] border-[#bc9039] border-b-[2px] mb-6" />
+      <p *ngFor="let para of item.content" class="pb-1 mb-1"> 
+        {{para}} 
+
+      </p>
+    </div>
+
+  </div>
+</div>

apps/shiv-bull-clone/src/app/about/about.component.scss

@@ -0,0 +1,5 @@
+@media screen and (max-width:768px) {
+    .welcome{
+        margin-bottom: 90px;
+    }
+}

apps/shiv-bull-clone/src/app/about/about.component.spec.ts

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

apps/shiv-bull-clone/src/app/about/about.component.ts

@@ -0,0 +1,46 @@
+import { NgFor } from '@angular/common';
+import { Component } from '@angular/core';
+
+interface comments {
+  tittle: string;
+  content: string[];
+}
+
+@Component({
+  selector: 'shiv-bull-app-about',
+  standalone: true,
+  imports: [NgFor],
+  templateUrl: './about.component.html',
+  styleUrls: ['./about.component.scss'],
+})
+export class AboutComponent {
+  data: comments[] = [
+    {
+      tittle: 'WELCOME TO SHIV BULLION',
+      content: [
+        'Located in the beautiful city of Rajkot, SHIV BULLION is one of the biggest bullion dealers in the city. SHIV BULLION is also a direct importer of precious metals. It is a fast-growing organization with an excellent track record and reputation with suppliers all over the region and in the industry.      ',
+      ],
+    },
+    {
+      tittle: 'STRENGTH',
+      content: [
+        'We believe delivery on time and transparent trade policies have made it possible to achieve a prominent place in the industry over the years.',
+        'We have been focusing mainly on purity and commitment. The company’s continuous desire to serve its customers in the best possible way makes it the best among the rest. We’ve developed immense customer faith and value through our excellent service and high-quality products. We strive hard for constant development to enhance our customer service, and the long-term bond that we share with our customers has helped us reach new heights.',
+        'Our young, dynamic and qualified operation team delivers impeccable service to the clients. These factors drive our organization to succeed and have drawn hundreds of prestigious customers to put immense trust and faith in our business.',
+      ],
+    },
+    {
+      tittle: 'VISION',
+      content: [
+        'Our company has vision of expanding its presence very soon in the refinery segment with the brand name SHIV 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: [
+        'Jaydeep Bhai – (Founder & Owner)',
+        'SHIV BULLION was founded by Jaydeep Bhai, who has been in this business for many years. The blend of his passion and experience in the Gold & Silver industry gave birth to the organization.          ',
+      ],
+    },
+  ];
+}

apps/shiv-bull-clone/src/app/app.component.html

@@ -0,0 +1,3 @@
+<div class="main-div">
+  <router-outlet></router-outlet>
+</div>

apps/shiv-bull-clone/src/app/app.component.scss

@@ -0,0 +1,6 @@
+.main-div {
+  background-image: url('../assets/images/backgroundimage_of_shivbullion.jpg');
+  width: 100%;
+  height: 100vh;
+  overflow: auto;
+}

apps/shiv-bull-clone/src/app/app.component.spec.ts

@@ -0,0 +1,40 @@
+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 'shiv-bull-clone'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('shiv-bull-clone');
+  });
+
+  it('should render Main Div', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    const MAinDiv = compiled.getElementsByClassName('main-div')
+    expect(MAinDiv).toHaveLength(1)
+    expect(MAinDiv[0]).toBeInstanceOf(HTMLElement)
+  });
+  it('should render Router Outlet', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    const RouterOutLet = compiled.querySelectorAll('router-outlet')
+    expect(RouterOutLet).toHaveLength(1)
+    expect(RouterOutLet[0]).toBeInstanceOf(HTMLElement)
+  });
+});

apps/shiv-bull-clone/src/app/app.component.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { FooterComponent } from './footer/footer.component';
+import { HeaderComponent } from './header/header.component';
+import { HttpClientModule } from '@angular/common/http';
+
+@Component({
+  standalone: true,
+  imports: [HeaderComponent, FooterComponent, RouterOutlet,HttpClientModule],
+  selector: 'shiv-bull-app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss'],
+})
+export class AppComponent {
+  title = 'shiv-bull-clone';
+}