VicenteDev
Royal Enfield

Royal Enfield

Um releitura de um site da Royal Enfield feito por mim, onde utilizei React + Vite + Tailwindcss para o Front-end e Node Express para o Back-end, contruindo assim um site completo e dinâmico.

Royal Enfield - Site

Este é um site desenvolvido como projeto de portfólio, inspirado na marca Royal Enfield. A aplicação foi construída com React.js + Vite no front-end e utiliza uma API em Node.js no back-end.

Aviso: Este site é apenas para fins de demonstração. Nenhuma ação realizada aqui tem efeito no mundo real.

🔗 Visite o site: royalenfield.vicentedeveloper.com 🔗 Repositório do Front-end: RoyalEnfield 🔗 Repositório da API: RoyalEnfieldAPI

🚀 Funcionalidades

  • Página Home com um catálogo de motos da Royal Enfield:
    • Foto
    • Nome
    • Preço
    • Botão de detalhes
  • Navegação com React Router, utilizando URL Params para acessar a página de detalhes de cada moto.
  • Integração com API em Node.js para obter os dados.

🛠️ Tecnologias Utilizadas

  • React.js
  • Vite
  • TailwindCSS
  • React Router
  • Node.js Express(API)

📂 Como usar

  1. Clone este repositório:
    git clone https://github.com/VicenteAlef/RoyalEnfield-React.git
    
  2. Acesse a pasta do projeto:
    cd RoyalEnfield-React
    
  3. Instale as dependências:
    npm install
    
  4. Execute o projeto localmente:
    npm run dev
    

✅ Status do Projeto

✔️ Em funcionamento — melhorias podem ser feitas futuramente, como responsividade total e paginação do catálogo.

📄 Licença

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

Galeria