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

Primary LanguageJavaScript

📖 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

👥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

CSS HTML Javascript React React Router Styled-Components Git

📫 Contato

E-mail: emidio.daniel@hotmail.com

LinkedIn Codewars