Rocketshoes • Mobile

Aplicação Mobile Android para um e-commerce de venda de tênis. Feita com ReactNative, Redux e Redux Saga. A aplicação consome uma REST API fake e permite criar, listar, atualizar ou remover itens (CRUD) ao carrinho de compras.

Essa aplicação consome o mesmo Back-end da versão web.

Passo a passo documentado em: https://github.com/cafecomlucas/Rocketshoes_Mobile/blob/master/_steps.md

Como iniciar

Localmente

Clone o repositório, acesse o diretório, instale as dependências e inicie a aplicação:

git clone https://github.com/cafecomlucas/Rocketshoes_Mobile.git
cd Rocketshoes_Mobile
yarn
yarn android

(é necessário estar online para consumir a REST API)

Rotas da REST API fake

Produtos: rocketshoesapi.herokuapp.com/products
Estoque: rocketshoesapi.herokuapp.com/stock

Funcionalidades

Configuração do padrão de código (com EditorConfig, ESLint e Prettier);
Configuração do debugger externo Reactotron (com o plugin do Redux Saga);
Roteamento no ambiente Mobile através do React Navigation;
Configuração das rotas Home e Cart;
Configuração do Back-end que serve uma REST API (fake);
Busca de dados na API através de requisições assíncronas;
Listagem de produtos no componente Home, com imagem, título e preço de cada um;
Utilização de ACTIONS/REDUCERS do Redux para adicionar ou modificar o estado global;
Adição de produtos ao estado global carrinho no componente Home;
Exibição da quantidade total de produtos do carrinho no cabeçalho;
Exibição da quantidade individual de cada produto no componente Home;
Listagem de produtos do carrinho no componente Cart, com imagem, descrição, preço, quantidade, subtotal em cada um;
Utilização do Redux Saga para fazer chamada a API buscando mais detalhes do produto antes de adicioná-lo ao carrinho;
Utilização do Redux Saga para checar estoque antes de adicionar produto ao carrinho;
Utilização do Redux Saga para feedback ao usuário mostrando ícones e alterando estilizações quando a aplicação estiver carregando;
Exibição de mensagem de erro ao constatar que não existem mais produtos disponíveis no estoque após busca na API.