image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Aracélia Santos
Aracélia Santos11/02/2025 08:57
Compartilhe

Minha Play Station Store em Angular

  • #HTML
  • #TypeScript
  • #CSS
  • #Angular

Criar projetos próprios é uma das melhores formas de aprender e evoluir como desenvolvedor. E quando o assunto é jogos, a diversão fica ainda maior! Um dos meus últimos desafios na DIO, foi desenvolver a Play Station Store, uma plataforma fictícia para venda de games que me permitiu aprimorar diversas habilidades técnicas e explorar novas abordagens na estilização e responsividade. E, claro, me divertir bastante no processo! 😄

🚀 Funcionalidades e Evolução do Projeto

Inicialmente, o projeto contava apenas com algumas classificações básicas, como valor, compatibilidade e destaque (Novo, Exclusivo, O Melhor do Ano, Digital, etc). Mas, como um bom desenvolvedor nunca se contenta com o básico, decidi incrementar e deixar a experiência ainda mais imersiva! 🎯

Agora, o projeto conta com:

- ⭐ Botão de jogos favoritos: para salvar aquele game incrível que você quer jogar mais tarde.

- 👶 Idade mínima recomendada: porque ninguém quer ver um pequeno jogando um terrorzão de madrugada, né? 😅

- 🏆 Avaliação do jogo: descubra se o game é realmente bom ou só hype!

- 🎭 Categorias: ação, aventura, estratégia, e muito mais!

- 🎮 Quantidade de jogadores permitida: single player, multiplayer local ou online? Agora você sabe!

- 🕹️ Compatibilidade: descubra se o jogo roda no PS4, PS5 ou nos dois.

- 💰 Valores: porque ninguém gosta de surpresas na hora do pagamento.

💡 Aprendizado e Impacto

Esse projeto foi um grande laboratório para aprimorar minhas habilidades em CSS avançado e responsividade. No início, os cards possuíam apenas um efeito de zoom ao passar o mouse, mas eu queria algo mais dinâmico e envolvente. Então, refinei a estilização, adicionando animações fluídas e transições que fazem os jogos praticamente saltarem da tela! ✨

Além disso, a estruturação do código e a implementação dos dados foram organizadas de maneira escalável, garantindo uma experiência fluida tanto para usuários quanto para desenvolvedores que quiserem contribuir com melhorias no projeto. 🛠️

🔗 Explore e Contribua!

Se você quer conferir o projeto de perto, ele está disponível online:

🎮 Play Station Store - Versão Rodando

E se tiver interesse em explorar o código ou até contribuir, o repositório está aberto no GitHub:

💻 GitHub - Play Station Store

Sinta-se à vontade para testar, sugerir melhorias e, claro, se inspirar e se divertir! 🚀🔥

Compartilhe
Comentários (1)
Sergio Moura
Sergio Moura - 11/02/2025 11:57

Parabéns, ficou muito bom