Skip to content

Um aplicativo mobile desenvolvido em React-Native. Ele é um app de loja de informática. Este é meu protótipo para criação de um software completo, com frontend e backend. (Em progresso!)

License

Notifications You must be signed in to change notification settings

devhttps/info-shop

Repository files navigation

Info Shop - E-commerce Mobile App

Info Shop Logo

Um aplicativo de e-commerce moderno e intuitivo construído com React Native e Expo, focado em produtos de tecnologia e informática.

🚀 Funcionalidades

  • 📱 Interface moderna e responsiva
  • 🛍️ Catálogo de produtos organizado por categorias
  • ❤️ Sistema de favoritos
  • 🛒 Carrinho de compras
  • 👤 Perfil de usuário
  • 🔍 Busca avançada de produtos
  • ⭐ Sistema de avaliações
  • 📦 Acompanhamento de pedidos
  • 💬 Atendimento ao cliente

🛠️ Tecnologias

  • React Native
  • Expo
  • React Navigation
  • AsyncStorage
  • Axios
  • Google Sign-In
  • React Native Vector Icons

📋 Pré-requisitos

  • Node.js (versão 14 ou superior)
  • npm ou yarn
  • Expo CLI
  • Android Studio (para desenvolvimento Android)
  • Xcode (para desenvolvimento iOS, apenas macOS)

🔧 Instalação

  1. Clone o repositório:
git clone https://github.com/seu-usuario/info-shop.git cd info-shop
  1. Instale as dependências:
npm install # ou yarn install
  1. Inicie o projeto:
npm start # ou yarn start
  1. Use o Expo Go no seu dispositivo móvel ou emulador para testar o aplicativo.

📱 Uso

  1. Abra o aplicativo
  2. Navegue pelas categorias de produtos
  3. Adicione produtos aos favoritos
  4. Adicione produtos ao carrinho
  5. Faça login para finalizar a compra
  6. Acompanhe seus pedidos

📁 Estrutura do Projeto

info-shop/ ├── src/ │ ├── api/ # Configurações e chamadas de API │ ├── assets/ # Recursos estáticos │ ├── components/ # Componentes reutilizáveis │ ├── context/ # Contextos do React │ ├── data/ # Dados estáticos │ ├── navigation/ # Configuração de rotas │ ├── screens/ # Telas do aplicativo │ ├── services/ # Serviços e lógica de negócios │ ├── styles/ # Estilos e temas │ └── utils/ # Funções utilitárias ├── assets/ # Recursos do Expo ├── .gitignore ├── App.js ├── app.json ├── babel.config.js ├── package.json └── README.md 

🎨 Componentes Principais

Button

Componente de botão reutilizável com múltiplas variantes e estados.

<Buttontitle="Comprar"variant="primary"size="medium"onPress={()=>{}}/>

ProductCard

Card de produto com imagem, título, preço e avaliação.

<ProductCardimage="url-da-imagem"title="Nome do Produto"price={99.99}rating={4.5}onPress={()=>{}}onFavoritePress={()=>{}}/>

🔄 Fluxo de Desenvolvimento

  1. Crie uma branch para sua feature:
git checkout -b feature/nova-feature
  1. Faça commit das suas alterações:
git commit -m 'Adiciona nova feature'
  1. Faça push para a branch:
git push origin feature/nova-feature
  1. Abra um Pull Request

📝 Convenções de Código

  • Use ESLint e Prettier para formatação
  • Siga o padrão de commits convencionais
  • Mantenha os componentes pequenos e reutilizáveis
  • Documente funções e componentes complexos
  • Use TypeScript para novos arquivos

🤝 Contribuindo

  1. Faça um Fork do projeto
  2. Crie uma branch para sua feature (git checkout -b feature/AmazingFeature)
  3. Faça commit das suas alterações (git commit -m 'Add some AmazingFeature')
  4. Faça push para a branch (git push origin feature/AmazingFeature)
  5. Abra um Pull Request

📄 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📞 Suporte

Para suporte, você pode:

🙏 Agradecimentos


Desenvolvido com ❤️ por [@JamersonNAscimento]

About

Um aplicativo mobile desenvolvido em React-Native. Ele é um app de loja de informática. Este é meu protótipo para criação de um software completo, com frontend e backend. (Em progresso!)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript100.0%