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.
- Aplicação online: royalenfield.vicentedeveloper.com
- Repositório da API (Spring Boot): api-royal-enfield-spring-boot
- Repositório do Front-end/Protótipo (Reac.js): royal-enfield-react-app-prototype
- Teste de API: api-re.vicentedeveloper.com.br
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
-
Clone este repositório:
git clone https://github.com/VicenteAlef/royal-enfield-react-app.git -
Acesse a pasta do projeto:
cd royal-enfield-react-app -
Instale as dependências:
npm install -
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.