DanielEmidio1988 / yu-gi-oh-shop-card

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.

📖 Introdução

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.

🔗Link de Acesso

• Deploy Vercel: clique aqui!.
• Backend: Em breve

👥Equipe

Daniel Emidio

🧭Status do Projeto

• ⏳Em andamento: Back-End

📄 Concepção do Projeto

Instalando

# Instalando dependências
npm install

# executando o projeto
npm start

Layout Mobile

Home Page	Detalhes

Layout Desktop

Home Page	Detalhes

Layout Destop *DarkMode

Home Page	Detalhes

Funcionalidades

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

Bibliotecas Utilizadas

styled-components
axios
react-router-dom

💡Programas utilizados:

• VSCode

💻 Tecnologias

📫 Contato

E-mail: [e-mail]