Este projeto é um clone da PlayStation Store desenvolvido com Angular e utilizando a biblioteca PrimeNG. O objetivo foi criar uma interface de usuário que replica a experiência da PlayStation Store, incluindo banners promocionais, carrosséis de jogos e grids de imagens.
- Angular: Framework para construção da aplicação web.
- PrimeNG: Biblioteca de componentes UI para Angular, utilizada para criar carrosséis e botões.
- CSS: Para estilização dos componentes e layout da página.
- Banner de Promoção Principal: Apresenta promoções e ofertas em destaque.
- Galeria de Imagens: Exibe cards de jogos com links para as páginas de compra.
- Carrosséis de Jogos: Mostra os melhores jogos e novos lançamentos em carrosséis deslizantes.
- Banner de Promoção Secundário: Destaca promoções adicionais e benefícios.
- Cartões Grandes: Exibe uma grade de cartões grandes para promoções e jogos recomendados.
- Rodapé: Contém informações adicionais e links para redes sociais.
Para rodar o projeto localmente, siga estas etapas:
-
Clone o repositório:
git clone https://github.com/CacoCem/angular-psn-store.git cd angular-psn-store -
Instale as dependências:
Certifique-se de ter o Node.js instalado e, em seguida, execute:
npm install
-
Instale o PrimeNG e PrimeIcons:
npm install primeng primeicons
-
Inicie o servidor de desenvolvimento:
ng serve
Acesse a aplicação no navegador através de
http://localhost:4200.
PrimeNG é utilizado para criar interfaces ricas e interativas. Os componentes PrimeNG configurados incluem:
- p-button: Botões estilizados com o PrimeNG.
- p-carousel: Componente de carrossel para exibir imagens e jogos.
Para mais informações ou dúvidas, entre em contato:
- Autor: Cauan Cem Brito Soares
- Email: cacocembritosoares@gmail.com