O Angular PS Store Gallery é um projeto desenvolvido com o framework Angular que simula uma galeria de jogos da PS Store. Este projeto oferece uma interface responsiva para explorar e visualizar informações sobre jogos da PlayStation Store, garantindo uma experiência de usuário otimizada. A tela principal desempenha um papel fundamental, sendo responsável por exibir o carrossel que apresenta a galeria de jogos. Ela utiliza os dados armazenados no banco de dados local dataFake.ts para alimentar dinamicamente os cards, permitindo que os jogos sejam apresentados de forma dinâmica.

• A pasta components contém os principais componentes do projeto, incluindo card, menu-bar e footer.
• O componente card possui subcomponentes card-label e card-pricing.
• A pasta pages contém o componente home, responsável por renderizar o carrossel com os cards da galeria de jogos.
• A pasta data contém o arquivo dataFake.ts, que serve como um banco de dados local com as informações necessárias para alimentar dinamicamente os cards usando *ngFor.

O projeto está organizado da seguinte maneira

angular-ps-store-gallery/
│
├── app/
│ ├── components/
│ │ ├── card/
│ │ │ ├── card-label/
│ │ │ └── card-pricing/
│ │ ├── menu-bar/
│ │ └── footer/
│ ├── pages/
│ │ └── home.component.ts
│ └── dat/
│ └── dataFake.ts
│
├── ...
│
└── README.md

O componente card exibe informações sobre um jogo da galeria e contém os seguintes elementos:

• Uma imagem do jogo.
• Informações sobre o jogo, como título, descrição e preço.
• Um link que redireciona para a página do jogo na PS Store.

O componente menu-bar apresenta um menu de navegação com três opções:

1. Um link que redireciona para a página da PS Store.
2. Um link para o LinkedIn do autor do projeto.
3. Um link para o GitHub do autor do projeto.

O componente home é responsável por exibir o carrossel que apresenta a galeria de jogos. Ele usa os dados do banco de dados local dataFake.ts para alimentar dinamicamente os cards.

Para executar o projeto em sua máquina local, siga estas etapas:

1. Clone o repositório:

   git clone https://github.com/seu-usuario/angular-ps-store-gallery.git
   

2. Navegue até o diretório do projeto:

   cd angular-ps-store-gallery
   

3. Instale as dependências:

   npm install
   

4. Inicie o servidor de desenvolvimento:

   ng serve
   

5. Abra um navegador da web e acesse https://localhost:4200 para visualizar a galeria de jogos da PS Store.