"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Construindo uma plataforma de aluguel de carros com React

Construindo uma plataforma de aluguel de carros com React

Publicado em 2024-11-08
Navegar:643

BookCars é uma plataforma de aluguel de carros, voltada para fornecedores, com backend para gerenciamento de frotas e reservas de carros, além de frontend e aplicativo móvel para aluguel de carros.

Com a solução a seguir, você pode construir um site de aluguel de automóveis totalmente personalizável e otimizado para vários fornecedores com um gateway de pagamento Stripe operacional a um custo muito baixo, hospedando-o em um droplet Docker com pelo menos 1 GB de RAM.

Você pode encontrar o código-fonte aqui: https://github.com/aelassas/bookcars

BookCars foi projetado para trabalhar com vários fornecedores. Cada fornecedor pode gerenciar sua frota de carros e reservas no backend. BookCars também pode trabalhar com apenas um fornecedor e pode ser usado como agregador de aluguel de carros.

No back-end, os administradores podem criar e gerenciar fornecedores, carros, locais, clientes e reservas.

Quando novos fornecedores são criados, eles recebem um e-mail solicitando que criem uma conta para acessar o backend e gerenciar sua frota de carros e reservas.

Os clientes podem se inscrever no frontend ou no aplicativo móvel, pesquisar carros disponíveis com base nos pontos e horários de retirada e entrega, escolher um carro e concluir o processo de finalização da compra.

Uma decisão importante de design foi tomada para usar TypeScript devido às suas inúmeras vantagens. O TypeScript oferece digitação, ferramentas e integração fortes, resultando em código de alta qualidade, escalonável, mais legível e de fácil manutenção, fácil de depurar e testar.

Características

  • Gestão de fornecedores
  • Pronto para um ou vários fornecedores
  • Gestão de frota de automóveis
  • Localização, país, vagas de estacionamento e recursos do mapa
  • Gerenciamento de reservas
  • Gerenciamento de pagamentos
  • Gestão de clientes
  • Vários métodos de pagamento (cartão de crédito, PayPal, Google Pay, Apple Pay, Link, Pay Later)
  • Gateway de pagamento de faixa operacional
  • Suporte a vários idiomas (inglês, francês, espanhol)
  • Múltiplas opções de paginação (paginação clássica com botões próximo e anterior, rolagem infinita)
  • Back-end e front-end responsivos
  • Aplicativo móvel nativo para Android e iOS com base de código única
  • Notificações push
  • Proteger contra XSS, XST, CSRF e MITM
  • Plataformas suportadas: iOS, Android, Web, Docker

Demonstração ao vivo

Front-end

Back-end

Aplicativo móvel

Você pode instalar o aplicativo Android em qualquer dispositivo Android.

Digitalize este código com um dispositivo

Abra o aplicativo Câmera e aponte para este código. Em seguida, toque na notificação que aparece.

Building a Car Rental Platform with React

Como instalar o aplicativo móvel no Android

  • Em dispositivos que executam o Android 8.0 (nível de API 26) e superior, você deve navegar até a tela de configurações do sistema Instalar aplicativos desconhecidos para permitir instalações de aplicativos de um local específico (ou seja, o navegador do qual você está baixando o aplicativo) .

  • Em dispositivos que executam o Android 7.1.1 (API de nível 25) e inferior, você deve ativar a configuração do sistema Fontes desconhecidas, encontrada em Configurações > Segurança no seu dispositivo.

Maneira Alternativa

Você também pode instalar o aplicativo Android baixando diretamente o APK e instalando-o em qualquer dispositivo Android.

Recursos

  1. Visão geral
  2. Arquitetura
  3. Instalação (auto-hospedado)
  4. Instalando (VPS)
  5. Instalando (Docker)
    1. Imagem do Docker
    2. SSL
  6. Faixa de configuração
  7. Criar aplicativo móvel
  8. Banco de dados de demonstração
    1. Windows, Linux e macOS
    2. Docker
  9. Executar a partir da fonte
  10. Execute o aplicativo móvel
    1. Pré-requisitos
    2. Instruções
    3. Notificações push
  11. Alterar moeda
  12. Adicionar novo idioma
  13. Testes unitários e cobertura
  14. Registros

Qualquer feedback será apreciado.

Declaração de lançamento Este artigo está reproduzido em: https://dev.to/aelassas/building-a-car-rental-platform-with-react-1609?1 Se houver alguma infração, entre em contato com [email protected] para excluí-la
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3