Índice
Bem-vindo ao repositório do EPLAY, um projeto de catálogo de jogos desenvolvido em React com TypeScript. Este projeto exibe uma lista de jogos com várias categorias e inclui funcionalidades como pesquisa, visualização de detalhes do produto e um carrinho de compras.
Proposta de Valor: Oferecer uma experiência de compra conveniente, com uma seleção diversificada de jogos, facilidade de navegação e processos de compra eficientes.
- Frontend: React com TypeScript é usado para criar uma interface de usuário dinâmica e responsiva. Styled Components são utilizados para estilização dos componentes. React Router é usado para gerenciamento de rotas.
- Controle de Qualidade: ESLint e Prettier são utilizados para garantir a qualidade do código e um estilo consistente.
EPLAY/
├── .vscode/
├── node_modules/
├── public/
├── src/
│ ├── assets/
│ ├── components/
│ │ ├── Banner/
│ │ ├── Button/
│ │ ├── Card/
│ │ ├── Cart/
│ │ ├── Footer/
│ │ ├── Gallery/
│ │ ├── Header/
│ │ ├── Hero/
│ │ ├── Loader/
│ │ ├── Product/
│ │ ├── ProductsList/
│ │ ├── Section/
│ │ └── Tag/
│ ├── pages/
│ │ ├── Categories/
│ │ ├── Checkout/
│ │ ├── Home/
│ │ └── Product/
│ ├── services/
│ ├── store/
│ ├── utils/
│ ├── App.tsx
│ ├── index.tsx
│ ├── react-app-env.d.ts
│ ├── reportWebVitals.ts
│ ├── routes.tsx
│ ├── setupTests.ts
│ ├── styles.ts
│ └── ...
├── .editorconfig
├── .eslintrc.json
├── .gitignore
├── .prettierrc
├── package-lock.json
├── package.json
├── README.md
└── tsconfig.json
- Exibição de jogos por categorias
- Pesquisa de jogos
- Visualização dos detalhes do produto
- Adição de jogos ao carrinho de compras
Este projeto foi inicializado com Create React App.
Executa o aplicativo no modo de desenvolvimento.
Abra http://localhost:3000 para visualizar no navegador.
A página recarregará se você fizer edições.
Você também verá quaisquer erros de lint no console.
Inicia o executor de testes no modo interativo de observação.
Veja a seção sobre executar testes para mais informações.
Compila o aplicativo para produção na pasta build.
Ele agrupa corretamente o React no modo de produção e otimiza a construção para o melhor desempenho.
A construção é minimizada e os nomes dos arquivos incluem os hashes.
Seu aplicativo está pronto para ser implantado!
Veja a seção sobre implantação para mais informações.
Nota: esta é uma operação sem retorno. Uma vez que você eject, não pode voltar atrás!
Se você não estiver satisfeito com a ferramenta de construção e as escolhas de configuração, pode eject a qualquer momento. Este comando removerá a dependência de construção única do seu projeto.
Em vez disso, copiará todos os arquivos de configuração e as dependências transitivas (webpack, Babel, ESLint, etc.) diretamente para o seu projeto, para que você tenha controle total sobre eles. Todos os comandos, exceto eject, ainda funcionarão, mas apontarão para os scripts copiados para que você possa ajustá-los. Neste ponto, você está por conta própria.
Você nunca precisa usar eject. O conjunto de recursos curados é adequado para pequenas e médias implantações, e você não deve se sentir obrigado a usar este recurso. No entanto, entendemos que esta ferramenta não seria útil se você não pudesse personalizá-la quando estivesse pronto para isso.
Você pode aprender mais na documentação do Create React App.
Para aprender React, consulte a documentação do React.
clique para acessar o projeto