uber_reactnative_ts

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

uber_reactnative_ts

★ 24 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Uber Clone TypeScript
Clone da aplicação Uber utilizando as tecnologias:

## 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```;
2) Copie o .env.example para .env e cole sua chave pública do Mapbox;
3) Rode o comando ```npm install``` para instalar as dependências;
4) Execute o Expo com comando ```npm run start``` (certifique-se de ter o aplicativo do Expo instalado e os SDKs Android ou IOS);

## Images
<div align='center'>
  <img src="./_prints/print01.jpeg" alt="Login" width="320px" />
  <img src="./_prints/print02.jpeg" alt="Navegação" width="320px" />
  <img src="./_prints/print03.jpeg" alt="Rotas" width="320px" />
  <img src="./_prints/print04.jpeg" alt="Uber X" width="320px" />
  <img src="./_prints/print05.jpeg" alt="Mapa destino" width="320px" />
  <img src="./_prints/print06.jpeg" alt="Selecionando a corrida" width="320px" />
</div>

<br/>

uber_reactnative_ts

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README