VicenteDev
Royal Enfield Frontend (Protótipo)

Royal Enfield - Frontend React (Protótipo)

Este projeto é um protótipo de aplicação web desenvolvido para consumo de uma API REST construída em Java Spring Boot. O site foi inspirado na marca Royal Enfield e serve para demonstrar a integração de um frontend moderno em React.js + Vite com serviços backend, incluindo rotas de consulta, cadastro, atualização e remoção de motocicletas e suas fichas técnicas.

Nota: Este site é apenas para fins de demonstração e estudo. Nenhuma ação comercial é realizada nesta plataforma.


Funcionalidades

  • Catálogo de Motocicletas (Home):
    • Listagem de motos com paginação customizável
    • Exibição de imagem principal, modelo e preço inicial
    • Redirecionamento para a página de detalhes
  • Detalhes da Moto:
    • Visualização de especificações técnicas completas (potência, torque, peso, capacidade do tanque, freios, transmissão e sistema de refrigeração)
    • Exibição da galeria de imagens e descrições detalhadas
  • Navegação Dinâmica:
    • Gerenciamento de rotas com React Router utilizando parâmetros na URL (/moto-detail/:id)

Tecnologias Utilizadas

  • Frontend: React 19, Vite, React Router DOM 7
  • Estilização: Tailwind CSS 4
  • Backend Integrado: API REST em Java Spring Boot (Spring Data JPA, RFC 7807 Problem Details, Basic Auth)

Como Executar o Projeto Localmente

Pré-requisitos

  • Node.js (versão 18 ou superior)
  • npm ou yarn

Passo a Passo

  1. Clone este repositório:

    git clone https://github.com/VicenteAlef/royal-enfield-react-app.git
    
  2. Acesse a pasta do projeto:

    cd royal-enfield-react-app
    
  3. Instale as dependências:

    npm install
    
  4. Execute o servidor de desenvolvimento:

    npm run dev
    

Status do Projeto

Em desenvolvimento contínuo (fase de protótipo). Novas melhorias de layout, novos componentes de filtro e módulos de cadastro estão sendo integrados com a API Spring Boot.


Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Galeria