Bem-vindo ao ePlay, sua loja virtual exclusiva para explorar e adquirir os melhores jogos para PC, PS5, Nintendo Switch e Xbox! Este projeto foi desenvolvido como parte do curso de Desenvolvedor Fullstack da EBAC (Escola Britânica de Artes Criativas), com o intuito de proporcionar uma experiência completa aos amantes de jogos que desejam encontrar e comprar seus títulos favoritos de forma rápida e conveniente. Prepare-se para uma jornada emocionante no mundo dos games!
O ePlay está no ar! Visite a loja virtual aqui.
Durante o desenvolvimento do projeto ePlay como parte do curso de Desenvolvedor Fullstack da EBAC, foram exploradas diversas tecnologias e conceitos importantes, incluindo:
-
Integração de APIs: Utilizamos APIs para obter e exibir dinamicamente informações sobre jogos, plataformas e preços, demonstrando habilidades de integração com serviços externos.
-
Gerenciamento de Estado com Redux: Implementamos o Redux para gerenciar o estado da aplicação de forma eficiente, aprendendo a centralizar e controlar o fluxo de dados em um aplicativo React.
-
Formulários Interativos com Formik: Utilizamos o Formik para simplificar a criação e validação de formulários, proporcionando uma experiência de compra mais interativa e amigável.
-
Estilização com Styled Components: Aprendemos a utilizar Styled Components para estilizar os componentes de forma modular e escalável, garantindo uma interface de usuário atraente e consistente em toda a loja virtual.
-
TypeScript para Tipagem Estática: Integrando TypeScript ao projeto, exploramos os benefícios da tipagem estática para garantir a robustez e segurança do código, especialmente em um ambiente de desenvolvimento complexo como uma loja virtual.
Estes recursos e aprendizados foram fundamentais para a construção de uma loja virtual funcional e responsiva, além de proporcionarem uma sólida base de conhecimento em desenvolvimento web fullstack.
-
React: Utilizamos o React para criar uma interface de usuário moderna e responsiva, garantindo uma experiência de compra imersiva para os usuários.
-
TypeScript: A integração do TypeScript oferece uma base sólida de tipagem estática, melhorando a manutenção do código e reduzindo erros durante o desenvolvimento.
-
React Redux: O React Redux é utilizado para gerenciar o estado da aplicação de forma eficiente, proporcionando uma experiência de usuário mais fluida e responsiva.
-
Formik: Usamos o Formik para simplificar o processo de criação e validação de formulários, garantindo uma experiência de checkout livre de erros.
-
React Spinners: Incorporamos o React Spinners para fornecer feedback visual durante o carregamento de dados, melhorando a experiência do usuário.
-
Styled Components: Com Styled Components, conseguimos criar estilos de forma modular e escalável, garantindo uma aparência visual atraente e consistente em toda a loja virtual.
- Clone este repositório em sua máquina local.
- Instale as dependências usando
npm install
. - Inicie o servidor de desenvolvimento com
npm start
. - Abra seu navegador favorito e acesse
http://localhost:3000
.
Esperamos que você se junte a nós nesta jornada pelos universos virtuais dos jogos e desfrute de uma experiência verdadeiramente excepcional com o ePlay! 🎮🚀