Minhas modificações do projeto

README.md

@@ -1,3 +1,6 @@
+# Mudanças feita por tardelliaraujo:
+### Organizei os arquivos de home em uma iteração com ngFor e acrescentei imagens e dados de jogos atuais da plataforma playstationStore, bem como meus contatos de Linkedin e Github.
+
 # Store
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.2.

src/app/components/menu-bar/menu-bar.component.html

@@ -10,9 +10,9 @@
 	</div>
 	<div class="menu-bar__item">
 		<ul>
-			<li><a href="#">YOUTUBE</a></li>
-			<li><a href="#">LINKEDIN</a></li>
-			<li><a href="#">GITHUB</a></li>
+			<li>My contacts:</li>
+			<li><a href="https://linkedin.com/in/tardelli-c-araujo">LINKEDIN</a></li>
+			<li><a href="https://github.com/tardelliaraujo">GITHUB</a></li>
 		</ul>
 	</div>
 </div>

src/app/pages/home/home.component.html

@@ -1,31 +1,10 @@
 <div class="home__container">
-	<app-card
-		gameCover="assets/bt-1.jpg"
-		gameLabel="DIGITAL"
-		gameType="DIGITAL | PS4"
-		gamePrice="R$ 129,99"
-	>
-	</app-card>
-	<app-card
-		gameCover="assets/bt-4.jpg"
-		gameLabel="EXCLUSIVE"
-		gameType="DISC | PS5"
-		gamePrice="R$ 269,99"
-	>
-	</app-card>
-	<app-card
-		gameCover="assets/ac-cover.jpg"
-		gameLabel="BEST OF YEAR"
-		gameType="DIGITAL | PS5"
-		gamePrice="R$ 369,99"
-		>
-	</app-card>
-	<app-card
-		gameCover="assets/bt-hardline.jpg"
-		gameLabel="NEW"
-		gameType="DIGITAL | PS3 PS4 PS5"
-		gamePrice="R$ 369,99"
-	>
-	</app-card>
-</div>
-
+    <app-card
+      *ngFor="let game of games"
+      [gameCover]="game.gameCover"
+      [gameLabel]="game.gameLabel"
+      [gameType]="game.gameType"
+      [gamePrice]="game.gamePrice"
+    >
+    </app-card>
+  </div>

src/app/pages/home/home.component.ts

@@ -1,15 +1,47 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.css']
 })
-export class HomeComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
+export class HomeComponent {
+  games = [
+    {
+      gameCover: 'assets/spiderman.avif',
+      gameLabel: 'DIGITAL',
+      gameType: 'DIGITAL | PS4 PS5',
+      gamePrice: 'R$ 399,50'
+    },
+    {
+      gameCover: 'assets/2k24.avif',
+      gameLabel: 'DIGITAL',
+      gameType: 'DIGITAL | PS4 PS5',
+      gamePrice: 'R$ 499,50'
+    },
+    {
+      gameCover: 'assets/fifa24.avif',
+      gameLabel: 'DIGITAL',
+      gameType: 'DIGITAL | PS4 PS5',
+      gamePrice: 'R$ 528,90'
+    },
+    {
+      gameCover: 'assets/callofduty.avif',
+      gameLabel: 'EXCLUSIVE',
+      gameType: 'DISC | PS5',
+      gamePrice: 'R$ 299,99'
+    },
+    {
+      gameCover: 'assets/nour.avif',
+      gameLabel: 'BEST OF YEAR',
+      gameType: 'DIGITAL | PS5',
+      gamePrice: 'R$ 79,90'
+    },
+    {
+      gameCover:'assets/eternights.avif',
+      gameLabel: 'STUDIOSAI',
+      gameType: 'DIGITAL | PS4 PS5',
+      gamePrice: 'R$ 149,50'
+    }
+  ];
 }