Entrega Desafio Técnico

README.md

@@ -1,52 +1,45 @@
-# **TESTE DE FRONTEND**
+## 📖 Introdução
 
-Neste teste, você será livre para criar uma aplicação consumindo a API que você quiser e com o tema que desejar.
-Contudo, o seu projeto deverá seguir os requisitos mínimos de conteúdo.
+Este projeto foi desenvolvido com o propósito de desenvolver um e-commerce com vendas de Cards de Yugioh, consumindo a API [YGOPRODeck](https://ygoprodeck.com/api-guide/), que possui mais de 12.000 informações detalhadas de todos os cards do jogo.
 
-SUGESTÕES DE APIS:
-https://github.com/public-apis/public-apis
+Para acessar a aplicação, [clique aqui!](https://frontend-test-two-gilt.vercel.app/)
 
----------------------------------------------------------------------
-## REQUISITOS:
+## 📄 Descrição
+. 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.
 
-- SEJA ORIGINAL, PROJETOS SUSPEITOS DE SEREM COPIADOS SERÃO DESCARTADOS!
-- QUEREMOS VER O SEU CÓDIGO, E NÃO O DE OUTROS.
+. Ao clicar em cada Card, você será direcionado a uma página que contém todas as informações básicas do Card como: nome, tipo e descrição. Nesta mesma tela, você poderá comprar o Card.
 
-## GIT
-- Faça um fork deste repositório.
-- Criar uma branch para codar as suas features.
-- Criar um pull-request quando o teste for finalizado e submetido.
+. 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.
 
-##### **NOTA: Será avaliado também se o nome da branch, títulos de commit, push e comentários possuem boa legibilidade.**
+. Na página de Fechamento de Compra, você poderá finalizar a compra e o carrinho e o pedido de compras serão zerados. 
 
------------------------------------------------------
+. Aplicação totalmente responsiva em Desktop, Tablet e Celulares.
 
-## FRAMEWORK
+. Aplicação possui modo DarkMode.
 
-- Utilizar as ferramentas presentes no framework do projeto (NEXT.JS).
+## 💻 Tecnologias 
 
------------------------------------------------------
+![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
+![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
+![Javascript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)
+![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
+![Git](https://img.shields.io/badge/GIT-E44C30?style=for-the-badge&logo=git&logoColor=white)
 
-## ESTILOS
+## ⚒️ Livrarias Utilizadas
 
-- Os estilos deste teste devem ser feitos em styled-components (evite utilizar bootstrap, mas se necessário, use).
-- O projeto deverá conter tema claro/escuro e forma do usuário alterar entre os dois.
-- Deve ser totalmente responsivo.
+### Todo Sistema
+- npm install: Para instalação;
+- npm start: Para execução, na pasta back e front separadamentes.
 
------------------------------------------------------
+### Front-End
+- npm install styled-components
+- npm install axios
+- npm install react-router-react
 
-## PROJETO
 
-- Deve utilizar useContext, useState e useEffect.
-- Ter ao menos 3 paginas navegáveis com router (ex: um navbar para facilitar a navegação).
-- Deve consumir uma API de sua escolha, desde que os dados sejam filtraveis e paginados. No mínimo 15 itens por requisição.
+## 📫 Contato
 
--------------------------------------------------------
+E-mail: [email protected]
 
-## REQUISITOS DIFERENCIAIS:
-
-- Código tentando seguir SOLID.
-- Código performático.
-- Utilizar inglês no projeto todo.
-- Utilizar Injeção de Dependências.
-- Fazer deploy do mesmo (heroku, netlify, aws, vercel, github pages ou outro da preferência).
+[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/danielemidio1988/)
+[![Codewars](https://img.shields.io/badge/Codewars-B1361E?style=for-the-badge&logo=Codewars&logoColor=white)](https://www.codewars.com/users/DanielEmidio1988)