Yu-gi-oh Shop Card é uma aplicação web de um e-commerce com vendas de Cards de Yugioh, consumindo a API YGOPRODeck, que possui mais de 12.000 informações detalhadas de todos os cards do jogo.
Neste link, apresento uma introdução sobre o projeto.
- Deploy Vercel: clique aqui!.
- Backend: Em breve
 Daniel Emidio |
|---|
- ⏳Em andamento: Back-End
# Instalando dependências
npm install
# executando o projeto
npm start Home Page |
 Detalhes |
|---|
 Home Page |
 Detalhes |
|---|
 Home Page |
 Detalhes |
|---|
. Listagem: Ao abrir a aplicação, você será direcionado a página principal, com a listagem de todos os cards disponiveis, sendo renderizado 24 cards por página.
. Detalhe: Cada card possui informações detalhadas sobre seus atributos, efeitos, entre outros que podem ser acessiveis ao clicar sobre o Card que deseja visualizar. O mesmo recurso permite adicionar o produto ao carrinho.
. Carrinho: Na página de Carrinho, você poderá aumentar, diminuir ou remover a quantidade de itens no carrinho. Com o cupom 'DEV', você terá o desconto de R$ 25 para compras acima de R$ 50. Para compras acima de R$ 25, o frete é gratuito.
. Compra: Na página de Fechamento de Compra, você poderá finalizar a compra e o carrinho e o pedido de compras serão finalizados.
. DarkMode: função localizada no cabeçalho para alternar o tema da aplicação DarkMode ON/OFF;
. Responsividade: Aplicação totalmente responsiva para Desktop, Tablet e Celulares.styled-components
axios
react-router-dom- VSCode
E-mail: [email protected]
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent