Uber Clone TypeScript

Clone da aplicação Uber utilizando as tecnologias:

React Native | Tailwind | Zustand | Mapbox API | Maps | Navigation | Directions

Destaques Implementados:

  • Zero custo para utilizar as API, direfente do Google Maps onde é necessário utilizar o cartão de crédito 0️⃣.
  • Tailwind com React Native 🍀.
  • Zustand para gerenciamento de estado das cooredenas de origem e destino 🐻.
  • Navegação entre rotas com React Navigation 🛣️.
  • Matrix API para calcular tempo de viagem e preço.
  • Directions API para traçar uma rota de ponto origem e destino.
  • Os locais de busca são de acordo com a localização atual do GPS do usuário 📍.
  • Técnica de debounce para buscar as rotas conforme o usuário digita.
  • Poline para desenhar a linha das rotas de origem e destino.

Instalação

  1. Instale o Expo npm install --global expo-cli
  2. Registre sua conta no Mapbox (é gratuito!) e copie a public key;
  3. Copie o .env.example para .env e cole sua chave pública do Mapbox;
  4. Rode o comando npm install para instalar as dependências;
  5. Execute o Expo com comando npm run start (certifique-se de ter o aplicativo do Expo instalado e os SDKs Android ou IOS);

Images

Login Navegação Rotas Uber X Mapa destino Selecionando a corrida

GitHub

View Github