☕ Gateria (Cat Café) - Simples Ecommerce

Exercício React Native Básico - UC16 - Construir um aplicativo de um simples e-commerce

👨🏽‍💻Introdução:

Bem-vindo à documentação do sistema que simula um e-commerce, criado em TypeScript com adições de JavaScript, React Native e Expo, desenvolvido por Maria Machado como parte da atividade inicial da UC16 (Desenvolvimento de Aplicativos Híbridos) do curso Técnico em Desenvolvimento de Sistemas - Senac 22/23. Nesta documentação, apresentarei uma visão geral, tecnologias utilizadas, cada etapa para acessar este projeto e licença.

---

✨ Visão Geral:

O aplicativo "Gataria" foi criado para demonstrar e testar os conhecimentos em React Native e TypeScript, servindo como uma introdução ao desenvolvimento de aplicativos híbridos. Uma aplicação simples com um menu inicial, com os itens de menu hambúrguer e um carrinho (ainda não funcionais, só aparece um alerta quando clicados), apresentação do negócio - localização, mensagem de boas vindas, nome da marca, botão de 'Saiba Mais' (acesso a um alerta para disponibilizar o link de acesso da marca original) - 5 categorias de produtos, só cria um alerta com o nome correspondente a categoria clicada, e produtos mais populares, listagem de 6 produtos (foto, nome, descrição e preço).

Design UI/UX: link

---

🎯 Tecnologias utilizadas:

• React Native
• Typescript
• Expo

---

💻 Como Acessar o Projeto:

Para acessar e utilizar o Gataria, siga as instruções abaixo:

• Certifique-se de ter instalado: Git, Node.js + NPM no seu computador. São essenciais para rodar o programa;

• Tenha o 'Expo Go', se o seu celular for sistema Android, para rodar o aplicativo;

• Abra o Visual Studio Code;

• Clone este projeto e baixe as bibliotecas:

  # Clonar esse repositório
  git clone https://github.com/MaaMachado/gateria-simpleEcommerce.git
  

  # Vá para o ropositório
  cd gateria-simpleEcommerce
  

  # Instale as dependências
  npm install
  

• Execute o seguinte comando para iniciar o sistema:

  npx expo
  

• Agora você pode visualizar o aplicativo pelo celular ou se quiser ver pelo 'web' é necessário digitar 'w' e esperar abrir uma página no navegador. Para uma melhor visualização web, vá nas Ferramentas do Programador e clique para ver no formato mobile.

---

📑 Licença:

Esse projeto foi inspirado na marca Gateria - Cat Café.
Acesso: link

---