Skip to content

YuriDonato/eplay

 
 

Repository files navigation

ePlay

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.


Recursos e Aprendizados

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.

Tecnologias Utilizadas

  • 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.

Como Abrir o Projeto Localmente

  1. Clone este repositório em sua máquina local.
  2. Instale as dependências usando npm install.
  3. Inicie o servidor de desenvolvimento com npm start.
  4. 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! 🎮🚀


Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.4%
  • HTML 3.6%