RocketShoes

Projeto de estudos que visa fundamentar os conceitos do React, como Componente, Estado, Propriedade, Contextos e Hooks. Trata-se de uma aplicação onde é simulada uma listagem de produtos com a opção de inserí-los em um "carrinho de compras".

Features • Pré-requisitos • Rodando a Aplicação • Tecnologias • Autor

Features - Topo

• Listar algumas opções de tênis com base em uma consulta realizada a uma Fake API!
• Adicionar uma certa quantidade dos tênis escolhidos a um carrinho de compras!
• Acessar o carrinho de compras para a visualização dos itens adicionados, bem como se poder alterar as quantidades deles e também removê-los!
• Na view do carrinho de compras é possível visualizar o total de cada item selecionado e o total geral do carrinho!
• As inserções dos itens são controlados por um limite pré-configurado, simulando assim o estoque dos produtos!

Projeto finalizado ✔

Pré-requisitos - Topo

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git e Node.js

Além disto é bom ter um editor para trabalhar com o código como VSCode

Rodando a Aplicação - Topo

 # Clone este repositório
 git clone https://github.com/RicardoOliveiraFilho/hook-carrinho-compras.git
 # Acesse a pasta do projeto no terminal, a partir do diretório ao qual o comando de clonagem foi executado
 cd hook-carrinho-compras
 
 # Instale as dependências
 $ yarn install ou
 $ npm i 
 
 # A aplicação simula uma Fake API através da utilização do json-server, assim é necessário startá-la
 $ npm server 
 $ yarn server
 
 # Execute a aplicação em modo de desenvolvimento
 $ npm start 
 $ yarn start
 
 # O servidor iniciará na porta:3000
 # Acesse http://localhost:3000

Tecnologias - Topo

As seguintes ferramentas foram usadas na construção do projeto:

• Styled Components
• Node.js
• ReactJS
• Typescript
• json-server

Autor - Topo

Feito por Ricardo Oliveira - Entre em contato!