Este projeto é uma réplica da interface do site da PlayStation, desenvolvida para desafiar minhas habilidades em Angular, Swiper e Angular Materials. O objetivo é proporcionar uma experiência rica e interativa, similar à encontrada no site original da PlayStation, com foco em design responsivo e funcionalidades dinâmicas.
-
Swiper Integration:
- Carrosséis Dinâmicos: Implementação de vários carrosséis utilizando a biblioteca Swiper para uma navegação suave e responsiva.
- Transições Animadas: Efeitos de transição customizados para melhorar a experiência do usuário.
-
Angular Materials:
- Componentes UI Modernos: Uso extensivo de Angular Materials para criar uma interface moderna e intuitiva.
-
Performance Otimizada:
- Design Responsivo: Layouts adaptáveis a diferentes tamanhos de tela, garantindo uma ótima experiência tanto em desktops quanto em dispositivos móveis.
- Lazy Loading: Carregamento sob demanda de componentes para melhorar o desempenho.
- Redução de Tamanho de Pacote: Otimização de recursos para tempos de carregamento mais rápidos.
Esse projeto foi desenvolvido com as seguintes tecnologias:
src/
├── app/
│ ├── components/
│ │ ├── carrossel/
│ │ ├── carrossel-loja/
│ │ ├── footer/
│ │ ├── jogos/
│ │ ├── lancamento/
│ │ ├── nav/
│ │ ├── novidades/
│ │ ├── play-plus/
│ │ ├── playstation-store/
│ │ ├── realidade/
│ │ └── redes-sociais/
│ ├── homepage/
│ └── ... (outros diretórios e arquivos)
├── assets/
└── ... (outros diretórios e arquivos)