Visualização:
Descrição:
Kastelli é um modelo de aplicativo móvel de moda construído sobre o React Native. Está disponível e suporta plataformas Android e iOS. Se você não deseja iniciar o desenvolvimento do seu serviço de moda on -line do zero? Kastelli é sua resposta. O aplicativo possui todas as páginas necessárias. Use este aplicativo para inicializar seu serviço de moda on -line rapidamente. Este projeto é um modelo. Não é um projeto de back -end.
Características:
– Construído com o React Native CLI 0,71.8.
– Apenas Funcional Componentes e ganchos de reação.
– Todos os ícones em Svg formatar.
– Para Android & IOS– Componentes bem estruturados
– Você pode adicionar ao produto do carrinho e excluir do carrinho
– Escolha do tamanho e cor do produto – exibido no pedido
– Você pode tornar o produto favorito
– Arquivo de design no formato figma incluído
– Pronto para o back -end
– Valitações incluído
– Todos os arquivos, exceto ícones em .TSX formatar
– Usado Prelocador para imagens
– Usado Redux e Redux Persistir. Se você fechar o aplicativo, seus produtos adicionados ao carrinho ou na lista de desejos não serão excluídos.
Baixe APK:
Você pode baixar – APK
Projeto:
Este projeto é um desenvolvimento perfeito de pixel – Batismal
Validação:
Validação incluída, você pode facilmente ativar ou desativar a validação para o aplicativo de teste.
Tecnologia:
Telas comutação:
Você pode alternar facilmente a versão da tela (casa, produto, histórico de pedidos) alterando a variável dentro do arquivo, escreva 1 ou 2, o que significa a versão da tela.
API:
Consulta RTK usada para obter dados. API criada em um recurso de terceiros.
A consulta RTK é uma poderosa ferramenta de busca e cache de dados. Ele foi projetado para simplificar casos comuns para carregar dados em um aplicativo da Web, eliminando a necessidade de obter a lógica de busca e cache de dados de gravação manual.
Endpoints: products.json, Banners.json, carousel.json
Dependências:
"@react-native-async-storage/async-storage": "^1.18.2", "react-native-keyboard-aware-scroll-view": "^0.9.5", "@ptomasroos/react-native-multi-slider": "^2.2.2", "react-native-responsive-dimensions": "^3.1.1", "@react-native-community/clipboard": "^1.5.1", "@react-navigation/native-stack": "^6.9.12", "react-native-safe-area-context": "^4.5.3", "@react-native-picker/picker": "^2.4.10", "react-native-image-progress": "^1.2.0", "react-native-flash-message": "^0.4.1", "react-native-linear-gradient": "^2.6.2", "react-native-parsed-text": "^0.0.22", "react-native-phone-input": "^1.3.6", "@react-navigation/native": "^6.1.6", "react-native-dashed-line": "^1.1.0", "react-native-fast-image": "^8.6.3", "react-native-collapsible": "^1.6.1", "react-native-screens": "^2.18.1", "react-native-modal": "^13.0.1", "react-native-dotenv": "^3.4.8", "react-native-eject": "^0.2.0", "react-native-svg": "^9.13.6", "@reduxjs/toolkit": "^1.9.5", "redux-persist": "^6.0.0", "react-redux": "^8.0.5", "react-native": "0.71.8", "react": "18.2.0",
Comandos importantes para executar o aplicativo:
Versistas incluídos:
01_onboarding 1 tela
02_onboarding 2 tela
03_onboarding 3 Tela
04_Sign in
05_forgot senha
06_forgot senha (email enviado)
07_NEW senha
08_SIGN UP
09_Sign Up (conta criada)
10_Vifify seu número de telefone
Código 11_Confirmation
12_HOME v1
13_HOME V2
14_categorias
Menu 15_burger
16_shop
17_Sorting pop -up
18_Product v1 Long
19_PRODUCT v2 Short
20_Description
21_Reviews
22_WishList
23_Filter
24_Profile
Perfil 25_Edit
26_ Método de Payment
27_Add Um novo endereço
28_ MEN ENDEREÇO
29_Add Um novo endereço
História da Order
31_Dorde História (Opções)
32_LEAVE UMA REVISÃO
33_Notificações
34_TRACE seu pedido
35_SIGN OUT POPUP
36_MY Promocodos
37_MY Promocodos (vazios)
38_CART (vazio)
39_Order
40_CHECKOUT
41_CHECKOUT (Detalhes de envio)
42_checkout (método de pagamento)
43_Order bem -sucedido!
44_Order falhou!
Fontes:
Imagens e ícones:
Faixa de áudio
Você pode baixar a faixa de áudio aqui – Caminhada noturna