Aplicativo mobile desenvolvido em React Native com Expo que simula um catálogo de produtos para e-commerce.
O aplicativo permite que o usuário faça login, navegue entre categorias de produtos masculinos e femininos, visualize itens disponíveis e acesse a tela de detalhes de cada produto.
Este projeto foi desenvolvido como atividade prática para aplicar conceitos de desenvolvimento mobile, consumo de APIs REST e gerenciamento de estado com Redux Toolkit.
- React Native
- Expo SDK 54
- Axios
- Redux Toolkit
- React Navigation
- DummyJSON API
✔ Tela de login com validação de campos
✔ Armazenamento temporário do usuário com Redux Toolkit
✔ Navegação entre categorias masculinas e femininas
✔ Consumo de API REST utilizando Axios
✔ Listagem de produtos em formato de grid
✔ Tela de detalhes do produto com informações completas
✔ Exibição de preço e desconto
✔ Logout retornando para a tela de login
- Mens Shirts
- Mens Shoes
- Mens Watches
- Womens Bags
- Womens Dresses
- Womens Jewellery
- Womens Shoes
- Womens Watches
Os dados dos produtos são obtidos através da API pública:
-
https://dummyjson.com/products
#Exemplo de endpoint utilizado:
Clone o repositório:
git clone https://github.com/developerlopes/Catalogo-mobile-react.git
Entre na pasta do projeto:
cd Catalogo-mobile-react
npm install
npx expo start --tunnel
#Depois abra o aplicativo Expo Go no celular e escaneie o QR Code.
---
### 🎓 Objetivo do Projeto
Este projeto foi desenvolvido com o objetivo de aplicar na prática os conceitos estudados em aula sobre desenvolvimento de aplicativos móveis, integração com APIs REST e organização de código em aplicações React Native.
👨💻 Autor
Lucas Lopes Silva