Expofy é um aplicativo de e-commerce construído com React Native e Expo.
Este arquivo contém as instruções de como executar o aplicativo usando Expo Go ou clonando o repositório e executando localmente.
O Expofy foi construído com as seguintes tecnologias:
- React Native: uma biblioteca JavaScript para construir interfaces de usuário para aplicativos móveis. Escolhemos o React Native porque ele nos permite construir aplicativos para iOS e Android com uma única base de código.
- Expo: uma plataforma de código aberto para criar aplicativos nativos do iOS e Android com JavaScript e React. Usamos o Expo para simplificar o processo de desenvolvimento e testes, além de nos fornecer ferramentas úteis, como o Expo CLI e o Expo Go.
- Node.js: um ambiente de tempo de execução JavaScript que nos permite executar código JavaScript fora do navegador. Usamos o Node.js para construir nosso backend e servidor, que alimenta o aplicativo móvel com dados e informações.
Além disso, utilizamos o TypeScript como linguagem de programação, o que nos permite escrever um código mais seguro e escalável, detectando erros de tipos em tempo de desenvolvimento. Em geral, escolhemos essas tecnologias porque elas nos permitem desenvolver um aplicativo móvel moderno e eficiente com um alto grau de escalabilidade e modularidade.
- Node.js (versão 14 ou superior)
- Expo CLI (versão 4 ou superior) - pode ser instalado via npm ou yarn
- Um dispositivo Android ou iOS ou um emulador
- Instale o Expo Go no seu dispositivo Android ou iOS.
- Clone o repositório do projeto:
git clone https://github.com/seu-usuario/expofy.git
- Navegue para o diretório do projeto e instale as dependências:
cd expofy
npm install # ou yarn install
- Inicie o servidor Expo:
npx expo start
- Abra o Expo Go no seu dispositivo e faça o login (se ainda não estiver logado).
- Escaneie o código QR exibido no seu terminal ou no navegador que abrirá automaticamente após o comando
expo start
. - O aplicativo Expofy será aberto no seu dispositivo.
- Clone o repositório do projeto:
git clone https://github.com/ricardofsdomene/expofy
- Navegue para o diretório do projeto e instale as dependências:
cd expofy
npm install # ou yarn install
- Inicie o servidor Expo:
npx expo start
- Abra o seu emulador Android ou iOS.
- Clique no botão
Run on Android device/emulator
ouRun on iOS simulator
no seu navegador ou no terminal. - O aplicativo Expofy será aberto no seu emulador.
O Expofy possui três telas principais: a tela inicial (com os resultados de pesquisa), o carrinho de compras e a tela de perfil do usuário.
A tela inicial é onde os usuários podem visualizar os resultados da pesquisa de produtos. Nesta tela, os produtos são exibidos em uma lista com uma imagem, título, preço e avaliação. Os usuários também podem aplicar filtros de pesquisa para refinar os resultados.
A tela do carrinho de compras é onde os usuários podem visualizar os produtos que adicionaram ao carrinho e finalizar a compra. Nesta tela, os usuários podem ver uma lista dos produtos no carrinho, o preço total e as opções de pagamento. Os usuários também podem adicionar ou remover itens do carrinho.
A tela de perfil do usuário é onde os usuários podem visualizar e editar as suas informações pessoais, como nome, e-mail e endereço de entrega. Nesta tela, os usuários também podem visualizar o histórico de pedidos e acompanhar o status de entregas.